jQuery FusionChart.js Plugin Example to Draw Colorful Charts in Browser

What we are going to look at through this article is jQuery FusionChart.js Plugin Example to Draw Colorful Charts in Browser We will look at this in detail through this article.

jQuery FusionChart.js Plugin Example to Draw Colorful Charts in Browser

jQuery FusionChart.js Plugin Example to Draw Colorful Charts in Browser

<!DOCTYPE html>
<html>
  <head>
    <title>jQuery FusionCharts Plugin Sample</title>
    <script
      type="text/javascript"
      src="https://code.jquery.com/jquery-3.3.1.min.js"
    ></script>
    <script
      type="text/javascript"
      src="https://unpkg.com/fusioncharts/fusioncharts.js"
    ></script>
    <script
      type="text/javascript"
      src="https://unpkg.com/fusioncharts/themes/fusioncharts.theme.fusion.js"
    ></script>
    <script
      type="text/javascript"
      src="https://rawgit.com/fusioncharts/fusioncharts-jquery-plugin/develop/dist/fusioncharts.jqueryplugin.min.js"
    ></script>
  </head>
  <body>
    <div id="chart-container">FusionCharts will render here...</div>

    <script type="text/javascript">
      $('document').ready(function() {
        $('#chart-container').insertFusionCharts({
          type: 'column2d',
          width: '500',
          height: '300',
          dataFormat: 'json',
          dataSource: {
            chart: {
              caption: 'Yearly revenue',
              xAxisName: 'Year',
              yAxisName: 'Revenues',
              numberPrefix: '
,
              theme: 'fusion'
            },
            data: [
              {
                label: '2015',
                value: '5548900'
              },
              {
                label: '2016',
                value: '8100000'
              },
              {
                label: '2017',
                value: '7200000'
              }
            ]
          }
        });
      });
    </script>
  </body>
</html>

Read Also: jsPDF Tutorial to Export Div With CSS Color Line Border to PDF Document in Browser Using Javascript

Final Words

What we learned through this article is jQuery FusionChart.js Plugin Example to Draw Colorful Charts in Browser. Also if you have any doubts please leave a comment via the comment box. And we ask that you benefit everyone who shared this article with your friends.    

Hi, I'm Selva a full-time Blogger, YouTuber, Affiliate Marketer, & founder of Coding Deekshi. Here, I post about programming to help developers.

Share on:

Leave a Comment