React Native Highcharts

screenshot of React Native Highcharts
react-native

Add Highcharts charts to react-native app for IOS and Android

Overview:

React-Native Highcharts is a react-native component designed for IOS and Android platforms, utilizing Highcharts library. By passing the configuration as a prop, the chart is rendered within a WebView.

Features:

  • Config: Mandatory prop for Highcharts configuration.
  • Stock: Optional prop for using Highstock (default: false).
  • More: Optional prop for using Highstock-more (default: false).
  • HeatMap: Optional prop for using HeatMap (default: false).
  • Style: Optional prop for passing a style object to the WebView.
  • Options: Optional prop for passing global and lang options from Highcharts.
  • Guage: Optional prop for importing gauge library from Highcharts.

Summary:

React-Native Highcharts is a useful react-native component that integrates the Highcharts library for creating interactive charts on both IOS and Android platforms. By providing essential props and configurations, users can effectively render and style their charts within a WebView.

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.