JSFiddle - React, Tailwind, and code Playground

by Nicholas Mastracchio

HTML

<script src="http://cdn1.zingchart.com/scripts/zingchart/html5_scripts/zingchart-html5-min.js"></script>
<div id="divId"></div>

JavaScript

var data={
    "graphset": [
        {
            "legend": {
                "visible": "false"
            },
            "border-color": "#cccccc",
            "tooltip": {
                "font-size": 12,
                "bold": false,
                "font-family": "Helvetica",
                "color": "#FFFFFF",
                "padding": 5
            },
            "series": [
                {
                    "text": "Series 1",
                    "shadow-color": "#cccccc",
                    "shadow-blur-y": 1,
                    "scales": "scale-x,scale-y",
                    "line-color": "#FF9999",
                    "background-color": "#FF9999",
                    "type": "bar",
                    "values": [
                        0,
                        2,
                        5,
                        3,
                        2,
                        9502
                    ],
                    "shadow-alpha": 1,
                    "marker": {
                        "background-color-2": "#FF9999",
                        "background-color": "#FF9999",
                        "type": "triangle"
                    },
                    "shadow": true,
                    "background-color-2": "#FF9999",
                    "shadow-distance": 2,
                    "shadow-blur-x": 2,
                    "palette": 0
                },
                {
                    "text": "Series 2",
                    "shadow-color": "#cccccc",
                    "shadow-blur-y": 1,
                    "scales": "scale-x,scale-y",
                    "line-color": "#9999FF",
                    "background-color": "#9999FF",
                    "type": "bar",
                    "values": [
                        0,
                        2,
                        1,
                        1,
                        1,
                        441
                    ],
                    "shadow-alpha": 1,
          ...