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": "1250400"
            },
            {
                "label": "Adult",
                "value": "1463300"
            }
        ]
    };

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

		document.querySelector('#year2013').addEventListener('click', function () {
        year_2013.chart.animation=0;
        chart.setChartData(year_2013, "json");
        chart.chartType('pie2d');
        
    })
    
		document.querySelector('#year2014').addEventListener('click', function () {
        chart.setChartData(year_2014, "json");
    })


});