<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZingSoft Demo</title>
<script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
<style></style>
</head>
<body>
<div id='myChart'></div>
<script>
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
var myConfig = {
"type": "line",
"crosshair-x": {
"scale-label": {
"text": "%v<br>at 12 p.m.",
"transform": {
"type": "date",
"all": "%D,<br>%M %d, %Y"
}
}
},
"scale-x": {
"min-value": 1451649600000,
"step": "day",
"transform": {
"type": "date",
"all": "%m/%d"
},
"max-items": 12
},
"plot": {
"tooltip": {
"visible": false
}
},
"series": [{
"values": [
[1451649600000, 20], //01/01/16
[1451736000000, 40], //01/02/16
[1451822400000, 25], //01/03/16
[1451908800000, 50], //01/04/16
[1451995200000, 15], //01/05/16
[1452081600000, 45], //01/06/16
[1452168000000, 33], //01/07/16
[1452254400000, 34], //01/08/16
[1452340800000, 49], //01/09/16
[1452427200000, 53], //01/10/16
[1452513600000, 19], //01/11/16
[1452600000000, 35] //01/12/16
],
"text": "Blueberries"
},
{
"values": [
[1451649600000, 11],
[1451736000000, 30],
[1451822400000, 21],
[1451908800000, 18],
[1451995200000, 59],
[1452081600000, 50],
[1452168000000, 28],
[1452254400000, 33],
[1452340800000, 23],
[1452427200000, 15],
[1452513600000, 18],
[1452600000000, 26]
],
"text": "Cherries"
},
{
"values": [
[1451649600000, 30],
[1451736000000, 21],
[1451822400000, 18],
[1451908800000, 21],
[1451995200000, 33],
[1452081600000, 41],
[1452168000000, 29],
[1452254400000, 15],
[1452340800000, 11],
[1452427200000, 12],
[1452513600000, 26],
[1452600000000, 23]
],
"text": "Kiwis"
},
{
"values": [
[1451649600000, 34],
[1451736000000, 16],
[1451822400000, 26],
[1451908800000, 15],
[1451995200000, 19],
[1452081600000, 21],
[1452168000000, 20],
[1452254400000, 24],
[1452340800000, 35],
[1452427200000, 41],
[1452513600000, 42],
[1452600000000, 38]
],
"text": "Kumquats"
}
]
};
zingchart.render({
id: 'myChart',
data: myConfig,
height: 400,
width: "100%"
});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZingSoft Demo</title>
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
</head>
<body>
<div id='myChart'></div>
</body>
</html>
var myConfig = {
"type": "line",
"crosshair-x": {
"scale-label": {
"text": "%v<br>at 12 p.m.",
"transform": {
"type": "date",
"all": "%D,<br>%M %d, %Y"
}
}
},
"scale-x": {
"min-value": 1451649600000,
"step": "day",
"transform": {
"type": "date",
"all": "%m/%d"
},
"max-items": 12
},
"plot": {
"tooltip": {
"visible": false
}
},
"series": [{
"values": [
[1451649600000, 20], //01/01/16
[1451736000000, 40], //01/02/16
[1451822400000, 25], //01/03/16
[1451908800000, 50], //01/04/16
[1451995200000, 15], //01/05/16
[1452081600000, 45], //01/06/16
[1452168000000, 33], //01/07/16
[1452254400000, 34], //01/08/16
[1452340800000, 49], //01/09/16
[1452427200000, 53], //01/10/16
[1452513600000, 19], //01/11/16
[1452600000000, 35] //01/12/16
],
"text": "Blueberries"
},
{
"values": [
[1451649600000, 11],
[1451736000000, 30],
[1451822400000, 21],
[1451908800000, 18],
[1451995200000, 59],
[1452081600000, 50],
[1452168000000, 28],
[1452254400000, 33],
[1452340800000, 23],
[1452427200000, 15],
[1452513600000, 18],
[1452600000000, 26]
],
"text": "Cherries"
},
{
"values": [
[1451649600000, 30],
[1451736000000, 21],
[1451822400000, 18],
[1451908800000, 21],
[1451995200000, 33],
[1452081600000, 41],
[1452168000000, 29],
[1452254400000, 15],
[1452340800000, 11],
[1452427200000, 12],
[1452513600000, 26],
[1452600000000, 23]
],
"text": "Kiwis"
},
{
"values": [
[1451649600000, 34],
[1451736000000, 16],
[1451822400000, 26],
[1451908800000, 15],
[1451995200000, 19],
[1452081600000, 21],
[1452168000000, 20],
[1452254400000, 24],
[1452340800000, 35],
[1452427200000, 41],
[1452513600000, 42],
[1452600000000, 38]
],
"text": "Kumquats"
}
]
};
zingchart.render({
id: 'myChart',
data: myConfig,
height: 400,
width: "100%"
});