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,
"marker":{
"background-color-2":"#9999FF",
"background-color":"#9999FF",
"type":"diamond"
},
"shadow":true,
"background-color-2":"#9999FF",
"shadow-distance":2,
"shadow-blur-x":2,
"palette":1
},
{
"text":"Series 3",
"shadow-color":"#cccccc",
"shadow-blur-y":1,
...