React Highcharts screenshot

React Highcharts

Author Avatar Theme by Kirjs
Updated: 17 Mar 2020
1252 Stars

React wrapper for Highcharts library

Overview:

The react-highcharts library is a component for React that provides integration with Highcharts, featuring various demos and functionalities like Highstock and Highmaps. The repository is MIT licensed, dependent on Highcharts.js for commercial use.

Features:

  • Integration with Highcharts 6.x.x
  • Supports Highcharts 5.x.x in version 13.0.0
  • Demos for react-highcharts, react-highcharts/more, react-highcharts/highstock, and react-highcharts/highmaps
  • Access to Highcharts API for manipulating charts
  • Efficient rendering with options like isPureConfig to limit rerenders
  • Server-side rendering with Node
  • Support for highcharts modules/add-ons like exporting and data

Installation:

To install the react-highcharts component, follow these steps:

npm install react-highcharts --save

In your React component, you can import react-highcharts like this:

import ReactHighcharts from 'react-highcharts';

For more advanced usage, refer to the official documentation for react-highcharts.

Summary:

react-highcharts is a versatile library that enables React developers to integrate Highcharts functionalities easily. With support for Highcharts 5.x.x and 6.x.x, various demos, and options for efficient rendering, it provides a comprehensive solution for creating interactive charts in React applications.