How to use Fusion Chart ?

Hello All,

Today I am going to write the basic usage of Fusion Chart with the help of the fusion chart javascript plugin. Hope you will find this helpful

Lets start coding and follow the below steps.

1> Add jquery cdn and Fusion chart js inside the head tag > 

<script src=”https://code.jquery.com/jquery-2.2.4.min.js” integrity=”sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=” crossorigin=”anonymous”></script>

<script type=”text/javascript” src=”http://static.fusioncharts.com/code/latest/fusioncharts.js”></script>

<script type=”text/javascript”src=”http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js?cacheBust=56″></script>
2> Create the div where you want to render(show) the chart and add div inside the body tag:

<div id=”barChartDiv”>Chart will load here after run the html!</div>

3> Use the following code to render the chart:

<script type=”text/javascript”>

// Code Here.

</script>

Below code should be in above script tag.

You can pass the value according to the need in data key. If you want to render the chart on the ajax call then write the above code in the response of ajax call. 

I have followed documentation from the fusion chart website: Please Follow this link