JSFiddle - React, Tailwind, and code Playground

by Nicholas Mastracchio

HTML

<script src="http://www.zingchart.com/playground/lib/zingchart/zingchart-html5-min.js"></script>
<div id='zc'></div>

JavaScript

zingchart.MODULESDIR = 'http://www.zingchart.com/playground/lib/zingchart/modules/';
var json = (function() {
        var json = null;
        $.ajax({
            'async': false,
            'global': false,
            'url': "https://api.myjson.com/bins/3ub45",
            'dataType': "json",
            'success': function (data) {
                json = data;
            }
        });
        return json;
    })();
console.log(json.series[0].values);
var myChart={
    "graphset":[
        {
            "type":"line",
            "series":[
                {
                    "values":json.series[0].values
                },
                {
                    "values":json.series[1].values
                },
                {
                    "values":json.series[2].values
                }
            ]
        }
    ]
};
zingchart.render({
    id:'zc',
    width:600,
    height:400,
    data:myChart
});