React Charts
A multi-faceted React chart library based on Material Design. Part of the Suite UI library which provides endless customization and configuration possibilities.
Compatible with:
How It Works
5 Quick Steps to Integrate Charts with React
1
Create a Chart.js file and import files and styles of Chart
2
Create Chart class, which extends the Component class
3
Add an empty container for Chart with the reference to it in the el
property using the ref property
4
When the component is initialized, initialize Chart and attach the instance of Chart to the container
with the reference to it in the el property
5
Specify a set of configuration properties if needed
Product Features
- Cross-browser compatibility
- Support for IE11+
- Full control with JavaScript API
- Wide customization options
- Line and Spline charts
- Bar and X-Bar charts
- Area and Spline Area charts
- Pie, Pie 3D, and Donut charts
- Radar charts
- Scatter charts
- Stacked charts
- Mixed charts
- Logarithmic scale
- Custom scale labels
- Custom templates for tooltips
- Configurable legend
- Ability to hide scales and grid lines
- Ability to show a threshold line and baseline
- Various shapes of points and markers (circle, triangle, rhombus, etc.)
- Data loading in the JSON format
Dynamic React Charts - Live Update
With dhtmlxChart you're able to visualize the changes in data happening in real time
