Highcharts®
for React

Incorporate Highcharts data visualizations in your React projects with HighCharts React.

Key Features

An API Built for React

We’ve refined our Highcharts for React API to make it more React specific and better aligned with React patterns, resulting in cleaner syntax and better performance.

Supports All Chart Types

From basic charts to advanced stock visualizations, Highcharts for React covers all your charting needs.

Custom Component Integration

With improved component integration, Highcharts for React makes it easier to pass custom React components directly to your chart configuration without messy hacks.

Full Support for ES Modules

ESM support makes it easy to only include the Highcharts modules you need, ensuring your React apps are lightweight, efficient and compatible with future JavaScript environments.

Big Data Ready

When you need to render thousands or millions of data points in the browser, our WebGL-powered Boost Module delivers incredible speed.

Accessibility & Sonification

Our Accessibility module makes your charts as accessible as possible. Visit our Accessibility Portal for more information.

Main Features

Vast chart collection

Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, solid gauge, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall, polar chart types and much more.

Options are optional

Highcharts simple options-structure allows for deep customization, and styling can be done via JavaScript or CSS. Highcharts is also extendable and pluggable for experts seeking advanced animations and functionality. Check out some advanced cool use cases in our community section, and plugins in our our extensions directory.

Flexible Styling

Our elegant charts render crisp and clear at any resolution and are easily styled via our simple options-structure or CSS.

Dynamic and Customizable

Our elegant charts render crisp and clear at any resolution and are easily styled via our simple options-structure using JavaScript or CSS. Highcharts is also extendable and pluggable for experts seeking advanced animations and functionality.

Touch and mobile-optimized

Intelligent responsiveness not only adjusts the chart to the dimensions of its container but also automatically places non-graph elements such as labels, legends, and headings in the most optimal location. Multi-touch gesture support allows for a native experience on mobile and touch screens. Touch gestures include single touch-drag for data inspection, multi-touch for  zooming, and more.

Vibrant community

The largest developer community of any premium charting tool on Github, StackOverflow, and other forums is eager to offer additional assistance, platform-specific implementation advice and inspiration when you need it. In addition, we have dozen dedicated support engineers monitoring our forums, StackOverflow, GitHub and support emails.

Join Our Vibrant Community

The most significant developer community of any premium charting tool on GitHubStackOverflow and Highcharts’ Forums, is eager to offer additional assistance, platform-specific implementation advice and inspiration when you need it.

Check out our documentation

Our customers praise our documentation as easy to follow, extensive and well organized. Filled with helpful examples, our API reference will have you customizing your data visualizations in no time and make maintaining them a breeze.

Robustify Highcharts