JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.zingchart.com/zingchart.min.js"></script>
<div id='myChartDiv'></div>

JavaScript

var oData = {
    "globals": {
        "font-size": 50,
            "font-family": "Papyrus"
    },
        "graphset": [{
        "type": "line",
            "title": {
            "text": "Horrible Fonts"
        },
            "series": [{
            "values": [69, 68, 54, 48, 70, 74, 98, 70, 72, 68, 49, 69, 51, 53, 47, 60, 48, 52, 75, 52, 55, 47, 60, 48],
                "text": "Apple"
        }, {
            "values": [51, 53, 47, 60, 48, 52, 75, 52, 55, 47, 60, 48, 69, 68, 54, 48, 70, 74, 98, 70, 72, 68, 49, 69],
                "text": "Microsoft"
        }, {
            "values": [42, 43, 30, 40, 31, 48, 55, 46, 48, 32, 38, 38, 25, 15, 26, 21, 24, 26, 33, 25, 15, 25, 22, 24],
                "text": "Oracle"
        }, {
            "values": [25, 15, 26, 21, 24, 26, 33, 25, 15, 25, 22, 24, 42, 43, 30, 40, 31, 48, 55, 46, 48, 32, 38, 38],
                "text": "Dell"
        }]
    }]
};

zingchart.render({
    id: 'myChartDiv',
    data: oData,
    width: '100%',
    height: 360
});