React
The React-FusionCharts Component, along with FusionCharts Suite XT, lets you add interactive JavaScript charts and graphs to your web and mobile applications using only a single ReactJS component.
Download
You can download the React-FusionCharts component from here .
Install
In your HTML, include the fusioncharts.js
and the react-fusioncharts.js
files, as shown below:
<script type="text/javascript" src="https://unpkg.com/[[email protected]](https://www.fusioncharts.com/cdn-cgi/l/email-protection)/dist/JSXTransformer.js"></script>
<script type="text/javascript" src="https://unpkg.com/[[email protected]](https://www.fusioncharts.com/cdn-cgi/l/email-protection)/dist/react.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/[[email protected]](https://www.fusioncharts.com/cdn-cgi/l/email-protection)/dist/react-dom.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/fusioncharts/fusioncharts.js"></script>
<script type="text/javascript" src="https://unpkg.com/react-fusioncharts/dist/react-fusioncharts.js"></script>
Add react-fusioncharts.js file after including all the above script files.
Install node modules via NPM
To install react
module, execute the following commands in the terminal:
npm install react --save
To install react-dom
module, execute the following commands in the terminal:
npm install react-dom --save
To install fusioncharts
module, execute the following commands in the terminal:
npm install fusioncharts --save
To install react-fusioncharts
module, execute the following commands in the terminal:
npm install react-fusioncharts --save
All the above commands can also be done in a single line as shown below:
npm install react react-dom fusioncharts react-fusioncharts --save
Licensing
React-FusionCharts is open-source and distributed under the terms of the MIT/X11 License. You will still need to download and include FusionCharts in your page. This project provides no direct functionality. You can download an evaluation . You will still need to purchase a FusionCharts license to use in a commercial environment (FusionCharts is free for non-commercial and personal use ).