Overview

The React Native wrapper for Highcharts is no longer actively maintained as of 01.01.2021. The repository will remain available, but there is no guarantee that it will work as intended with future releases. This official minimal Highcharts wrapper for React Native provides a bridge between React Native and Highcharts for creating interactive charts.

Features

• General prerequisites: Ensure Node.JS, NPM, and React are up to date along with the required packages for React Native and React Native Webview.
• Installing: Guide for installing the Highcharts wrapper from npm in a React app, whether using Expo tools or a bare React Native app.
• Updating Highcharts package: Instructions for running the update process after the deprecation, to replace source files and continue highcharts-react-native development.
• Usage: Examples for basic usage, rendering Highcharts charts, live data updates, and using Highcharts modules like solid-gauge and drilldown.
• Options details: Information on available properties for styling containers, Highcharts chart configuration objects, and using modules within the wrapper.

Installation

To install the Highcharts wrapper in your React Native project:

1. Ensure the necessary prerequisites are met.
2. Install the package from npm.
3. Add .hcscript to the asset extensions section of metro.config.js or create the file and configure it accordingly.
4. For Expo Tools, check compatibility with the Expo SDK version or use a specific package version if needed.
5. In a bare React Native application, install the react-native-unimodules package and configure the ios and android build directories.

Summary

The Highcharts wrapper for React Native, though deprecated, offers a way to integrate Highcharts into React Native apps. Users need to follow the installation guide, consider package updates, and explore the various features like rendering charts, updating data, and utilizing Highcharts modules for enhanced functionality. The provided options details help users understand how to customize their containers and chart configurations effectively.