JSFiddle - React, Tailwind, and code Playground

by Ayan Bhadury

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<div id="chart-container">FusionCharts will render here</div>
<button id="year2013">2013</button>
<button id="year2014">2014</button>

JavaScript

FusionCharts.ready(function () {
    var year_2013 = {
        "chart": {
            "caption": "Data change",
            "captionFontSize": "13",
            "subcaptionFontSize": "12"
        
        },
        "data": [
            {
                "label": "Teenage",
                "value": "1250400"
            },
            {
                "label": "Adult",
                "value": "1463300"
            },
            {
                "label": "Mid-age",
                "value": "1050700"
            },
            {
                "label": "Senior",
                "value": "491000"
            }
        ]
    };

    var year_2014 = {
        "chart": {
            "caption": "Data change",
            "captionFontSize": "13",
            "subcaptionFontSize": "12"
        },
        "data": [
            {
                "label": "Teenage",
                "value": "1350400"
            },
            {
                "label": "Adult",
                "value": "1763300"
            }
            
        ]
    };

    var chart = new FusionCharts({
        type: 'pie2d',
        renderAt: 'chart-container',
        width: '450',
        height: '350',
        dataFormat: 'json',
        dataSource: year_2013
    }).render();
    
    var x= function() {

    second_data(year_2014);

  }
  
    var y= function() {
		
    first_data(year_2013);

  }

		function second_data(year_2014){
    chart.setJSONData(year_2014);
    }
   document.getElementById("year2014").addEventListener("click", x);

		function first_data(year_2013){
   year_2013.chart.animation=0;
    chart.setJSONData(year_2013);
     chart.chartType('pie2d');
    }
   document.getElementById("year2013").addEventListener("click", y);

});