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 ).

Was this article helpful to you ?