<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZingSoft Demo</title>
<script nonce="undefined" src='//code.jquery.com/jquery-2.1.4.min.js'></script>
<script nonce="undefined" src='//code.jquery.com/ui/1.11.4/jquery-ui.min.js'></script>
<link rel='stylesheet' href='//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css'>
<script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
<style>
.container {
width: 400px;
height: 200px;
min-width: 400px;
border: 1px dashed #777;
}
#myChart {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class='container'>
<div id='myChart'></div>
</div>
<script>
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
let chartConfig = {
type: 'mixed',
title: {
text: 'Crosshairs at 100% width',
adjustLayout: true,
fontFamily: 'Georgia',
fontSize: 20,
mediaRules: [{
maxWidth: 500,
text: 'Crosshairs at 500 pixels',
fontSize: 14
},
{
maxWidth: 300,
text: 'Crosshairs at 300 pixels',
fontSize: 12,
fontWeight: 'normal'
}
]
},
crosshairX: {
plotLabel: {
multiple: true,
fontFamily: 'Georgia',
backgroundColor: 'white',
alpha: 0.8,
padding: '5%',
borderRadius: '3px',
},
scaleLabel: {
fontFamily: 'Georgia',
borderRadius: '3px'
},
mediaRules: [{
maxWidth: 500,
plotLabel: {
fontFamily: 'Arial'
},
scaleLabel: {
fontFamily: 'Arial'
}
},
{
maxWidth: 300,
plotLabel: {
fontColor: 'black',
fontSize: 10,
padding: 2
},
scaleLabel: {
fontSize: 10,
padding: 2
}
}
]
},
scaleX: {
minValue: 1435741200000, //07/01/15
maxValue: 1451638800000, //01/01/16
step: 'day',
transform: {
type: 'date',
all: '%m/%d'
},
itemsOverlap: true,
maxItems: 7,
item: {
fontSize: 10
},
guide: {
visible: true,
lineStyle: 'dotted'
}
},
scaleY: {
values: '400:700:300',
format: '$%v',
item: {
fontSize: 10
},
guide: {
lineStyle: 'dotted'
},
offsetStart: '50%',
},
scaleY2: {
values: '0:30:30',
format: '%vM',
item: {
fontSize: 10
},
guide: {
lineStyle: 'dotted'
},
placement: 'default',
blended: true,
offsetEnd: '70%',
},
plot: {
tooltip: {
visible: false
}
},
plotarea: {
adjustLayout: true,
backgroundColor: '#f0f0f5',
alpha: 0.5
},
series: [{
type: 'line',
scales: 'scaleX,scaleY',
lineWidth: 1,
lineColor: '#666699',
marker: {
visible: false
},
guideLabel: {
text: 'Stock: $%v',
decimals: 2,
borderColor: '#666699',
mediaRules: [{
maxWidth: 500,
text: 'Stock:<br>$%v',
textAlign: 'center'
},
{
maxWidth: 300,
text: '$%v'
}
]
},
values: [
[1435741200000, 437.39], //07/01/15
[1435827600000, 437.71], //07/02/15
[1436173200000, 436.04], //07/06/15
[1436259600000, 436.72], //07/07/15
[1436346000000, 429.70], //07/08/15
[1436432400000, 434.39], //07/09/15
[1436518800000, 443.51], //07/10/15
[1436778000000, 455.57], //07/13/15
[1436864400000, 465.57], //07/14/15
[1436950800000, 461.19], //07/15/15
[1437037200000, 475.48], //07/16/15
[1437123600000, 483.01], //07/17/15
[1437382800000, 488.10], //07/20/15
[1437469200000, 488.00], //07/21/15
[1437555600000, 488.27], //07/22/15
[1437642000000, 482.18], //07/23/15
[1437728400000, 529.42], //07/24/15
[1437987600000, 531.41], //07/27/15
[1438074000000, 526.03], //07/28/15
[1438160400000, 529.00], //07/29/15
[1438246800000, 536.76], //07/30/15
[1438333200000, 536.15], //07/31/15
[1438592400000, 535.03], //08/03/15
[1438678800000, 531.90], //08/04/15
[1438765200000, 537.01], //08/05/15
[1438851600000, 529.46], //08/06/15
[1438938000000, 522.62], //08/07/15
[1439197200000, 524.00], //08/10/15
[1439283600000, 527.46], //08/11/15
[1439370000000, 525.91], //08/12/15
[1439456400000, 529.66], //08/13/15
[1439542800000, 531.52], //08/14/15
[1439802000000, 535.22], //08/17/15
[1439888400000, 535.02], //08/18/15
[1439974800000, 532.92], //08/19/15
[1440061200000, 515.78], //08/20/15
[1440147600000, 494.47], //08/21/15
[1440406800000, 463.37], //08/24/15
[1440493200000, 466.37], //08/25/15
[1440579600000, 500.77], //08/26/15
[1440666000000, 518.37], //08/27/15
[1440752400000, 518.01], //08/28/15
[1441011600000, 512.89], //08/31/15
[1441098000000, 496.54], //09/01/15
[1441184400000, 510.55], //09/02/15
[1441270800000, 504.72], //09/03/15
[1441357200000, 499.00], //09/04/15
[1441702800000, 517.54], //09/08/15
[1441789200000, 516.89], //09/09/15
[1441875600000, 522.24], //09/10/15
[1441962000000, 529.44], //09/11/15
[1442221200000, 521.38], //09/14/15
[1442307600000, 522.37], //09/15/15
[1442394000000, 527.39], //09/16/15
[1442480400000, 538.87], //09/17/15
[1442566800000, 540.26], //09/18/15
[1442826000000, 548.39], //09/21/15
[1442912400000, 538.40], //09/22/15
[1442998800000, 536.07], //09/23/15
[1443085200000, 533.75], //09/24/15
[1443171600000, 524.25], //09/25/15
[1443430800000, 504.06], //09/28/15
[1443517200000, 496.07], //09/29/15
[1443603600000, 511.89], //09/30/15
[1443690000000, 520.72], //10/01/15
[1443776400000, 532.54], //10/02/15
[1444035600000, 543.68], //10/05/15
[1444122000000, 537.48], //10/06/15
[1444208400000, 541.94], //10/07/15
[1444294800000, 533.16], //10/08/15
[1444381200000, 539.80], //10/09/15
[1444640400000, 550.19], //10/12/15
[1444726800000, 548.90], //10/13/15
[1444813200000, 544.83], //10/14/15
[1444899600000, 562.44], //10/15/15
[1444986000000, 570.76], //10/16/15
[1445245200000, 573.15], //10/19/15
[1445331600000, 560.88], //10/20/15
[1445418000000, 555.77], //10/21/15
[1445504400000, 565.91], //10/22/15
[1445590800000, 599.03], //10/23/15
[1445850000000, 608.61], //10/26/15
[1445936400000, 611.01], //10/27/15
[1446022800000, 617.10], //10/28/15
[1446109200000, 626.55], //10/29/15
[1446195600000, 625.90], //10/30/15
[1446454800000, 628.35], //11/02/15
[1446541200000, 625.31], //11/03/15
[1446627600000, 640.95], //11/04/15
[1446714000000, 655.65], //11/05/15
[1446800400000, 659.37], //11/06/15
[1447059600000, 655.49], //11/09/15
[1447146000000, 659.68], //11/10/15
[1447232400000, 673.25], //11/11/15
[1447318800000, 665.60], //11/12/15
[1447405200000, 642.35], //11/13/15
[1447664400000, 647.81], //11/16/15
[1447750800000, 643.30], //11/17/15
[1447837200000, 663.54], //11/18/15
[1447923600000, 661.27], //11/19/15
[1448010000000, 668.45], //11/20/15
[1448269200000, 678.99], //11/23/15
[1448355600000, 671.15], //11/24/15
[1448442000000, 675.34], //11/25/15
[1448614800000, 673.26], //11/27/15
[1448874000000, 664.80], //11/30/15
[1448960400000, 679.06], //12/01/15
[1449046800000, 676.01], //12/02/15
[1449133200000, 666.25], //12/03/15
[1449219600000, 672.64], //12/04/15
[1449478800000, 669.83], //12/07/15
[1449565200000, 677.33], //12/08/15
[1449651600000, 664.79], //12/09/15
[1449738000000, 662.32], //12/10/15
[1449824400000, 640.15], //12/11/15
[1450083600000, 657.91], //12/14/15
[1450170000000, 658.64], //12/15/15
[1450256400000, 675.77], //12/16/15
[1450342800000, 670.65], //12/17/15
[1450429200000, 664.14], //12/18/15
[1450688400000, 664.51], //12/21/15
[1450774800000, 663.15], //12/22/15
[1450861200000, 663.70], //12/23/15
[1450947600000, 662.79], //12/24/15
[1451293200000, 675.20], //12/28/15
[1451379600000, 693.97], //12/29/15
[1451466000000, 689.07], //12/30/15
[1451552400000, 675.89], //12/31/15
]
},
{
type: 'bar',
scales: 'scaleX,scaleY2',
barWidth: '50%',
backgroundColor: '#3d3d5c',
guideLabel: {
text: 'Volume: %vM',
borderColor: '#3d3d5c',
mediaRules: [{
maxWidth: 500,
text: 'Volume:<br>%vM',
textAlign: 'center'
},
{
maxWidth: 300,
text: '%vM'
}
]
},
values: [
[1435741200000, 1.99], //07/01/15
[1435827600000, 1.34], //07/02/15
[1436173200000, 1.90], //07/06/15
[1436259600000, 3.45], //07/07/15
[1436346000000, 2.38], //07/08/15
[1436432400000, 2.27], //07/09/15
[1436518800000, 2.40], //07/10/15
[1436778000000, 3.96], //07/13/15
[1436864400000, 4.74], //07/14/15
[1436950800000, 2.99], //07/15/15
[1437037200000, 4.10], //07/16/15
[1437123600000, 4.93], //07/17/15
[1437382800000, 4.75], //07/20/15
[1437469200000, 3.18], //07/21/15
[1437555600000, 3.11], //07/22/15
[1437642000000, 9.37], //07/23/15
[1437728400000, 21.91], //07/24/15
[1437987600000, 7.49], //07/27/15
[1438074000000, 5.27], //07/28/15
[1438160400000, 3.75], //07/29/15
[1438246800000, 3.74], //07/30/15
[1438333200000, 3.03], //07/31/15
[1438592400000, 3.01], //08/03/15
[1438678800000, 2.93], //08/04/15
[1438765200000, 2.89], //08/05/15
[1438851600000, 3.82], //08/06/15
[1438938000000, 3.97], //08/07/15
[1439197200000, 2.62], //08/10/15
[1439283600000, 2.68], //08/11/15
[1439370000000, 4.01], //08/12/15
[1439456400000, 2.90], //08/13/15
[1439542800000, 1.99], //08/14/15
[1439802000000, 2.58], //08/17/15
[1439888400000, 2.07], //08/18/15
[1439974800000, 2.32], //08/19/15
[1440061200000, 4.41], //08/20/15
[1440147600000, 6.71], //08/21/15
[1440406800000, 10.10], //08/24/15
[1440493200000, 5.68], //08/25/15
[1440579600000, 6.36], //08/26/15
[1440666000000, 6.11], //08/27/15
[1440752400000, 2.75], //08/28/15
[1441011600000, 3.00], //08/31/15
[1441098000000, 3.86], //09/01/15
[1441184400000, 3.71], //09/02/15
[1441270800000, 3.15], //09/03/15
[1441357200000, 2.69], //09/04/15
[1441702800000, 3.81], //09/08/15
[1441789200000, 4.37], //09/09/15
[1441875600000, 2.58], //09/10/15
[1441962000000, 3.23], //09/11/15
[1442221200000, 3.13], //09/14/15
[1442307600000, 2.87], //09/15/15
[1442394000000, 2.25], //09/16/15
[1442480400000, 4.17], //09/17/15
[1442566800000, 6.16], //09/18/15
[1442826000000, 3.28], //09/21/15
[1442912400000, 3.84], //09/22/15
[1442998800000, 2.24], //09/23/15
[1443085200000, 3.50], //09/24/15
[1443171600000, 4.03], //09/25/15
[1443430800000, 5.43], //09/28/15
[1443517200000, 4.46], //09/29/15
[1443603600000, 4.00], //09/30/15
[1443690000000, 3.77], //10/01/15
[1443776400000, 4.60], //10/02/15
[1444035600000, 3.39], //10/05/15
[1444122000000, 4.55], //10/06/15
[1444208400000, 3.81], //10/07/15
[1444294800000, 4.68], //10/08/15
[1444381200000, 3.54], //10/09/15
[1444640400000, 2.78], //10/12/15
[1444726800000, 2.94], //10/13/15
[1444813200000, 3.58], //10/14/15
[1444899600000, 4.94], //10/15/15
[1444986000000, 4.32], //10/16/15
[1445245200000, 4.38], //10/19/15
[1445331600000, 4.35], //10/20/15
[1445418000000, 3.36], //10/21/15
[1445504400000, 7.78], //10/22/15
[1445590800000, 10.69], //10/23/15
[1445850000000, 4.27], //10/26/15
[1445936400000, 3.79], //10/27/15
[1446022800000, 3.93], //10/28/15
[1446109200000, 3.90], //10/29/15
[1446195600000, 3.87], //10/30/15
[1446454800000, 2.82], //11/02/15
[1446541200000, 3.25], //11/03/15
[1446627600000, 4.84], //11/04/15
[1446714000000, 4.72], //11/05/15
[1446800400000, 4.09], //11/06/15
[1447059600000, 4.05], //11/09/15
[1447146000000, 3.49], //11/10/15
[1447232400000, 5.39], //11/11/15
[1447318800000, 4.28], //11/12/15
[1447405200000, 6.26], //11/13/15
[1447664400000, 7.44], //11/16/15
[1447750800000, 4.32], //11/17/15
[1447837200000, 4.47], //11/18/15
[1447923600000, 4.71], //11/19/15
[1448010000000, 3.90], //11/20/15
[1448269200000, 4.39], //11/23/15
[1448355600000, 4.54], //11/24/15
[1448442000000, 2.70], //11/25/15
[1448614800000, 1.97], //11/27/15
[1448874000000, 5.69], //11/30/15
[1448960400000, 4.75], //12/01/15
[1449046800000, 4.27], //12/02/15
[1449133200000, 5.06], //12/03/15
[1449219600000, 4.53], //12/04/15
[1449478800000, 3.73], //12/07/15
[1449565200000, 3.65], //12/08/15
[1449651600000, 5.16], //12/09/15
[1449738000000, 3.46], //12/10/15
[1449824400000, 5.47], //12/11/15
[1450083600000, 4.36], //12/14/15
[1450170000000, 4.75], //12/15/15
[1450256400000, 3.96], //12/16/15
[1450342800000, 3.68], //12/17/15
[1450429200000, 6.84], //12/18/15
[1450688400000, 3.25], //12/21/15
[1450774800000, 2.67], //12/22/15
[1450861200000, 2.72], //12/23/15
[1450947600000, 1.09], //12/24/15
[1451293200000, 3.78], //12/28/15
[1451379600000, 5.73], //12/29/15
[1451466000000, 3.52], //12/30/15
[1451552400000, 3.75], //12/31/15
]
}
]
};
// adjust the refresh rate of the chart
zingchart.DEV.RESIZESPEED = 50;
zingchart.DEV.DEBOUNCESPEED = 50;
zingchart.render({
id: 'myChart',
data: chartConfig,
height: '100%',
width: '100%'
});
// initiate jquery resizable container for demo purposes
$('.container').resizable();
</script>
</body>
</html>
let chartConfig = {
type: 'mixed',
title: {
text: 'Crosshairs at 100% width',
adjustLayout: true,
fontFamily: 'Georgia',
fontSize: 20,
mediaRules: [{
maxWidth: 500,
text: 'Crosshairs at 500 pixels',
fontSize: 14
},
{
maxWidth: 300,
text: 'Crosshairs at 300 pixels',
fontSize: 12,
fontWeight: 'normal'
}
]
},
crosshairX: {
plotLabel: {
multiple: true,
fontFamily: 'Georgia',
backgroundColor: 'white',
alpha: 0.8,
padding: '5%',
borderRadius: '3px',
},
scaleLabel: {
fontFamily: 'Georgia',
borderRadius: '3px'
},
mediaRules: [{
maxWidth: 500,
plotLabel: {
fontFamily: 'Arial'
},
scaleLabel: {
fontFamily: 'Arial'
}
},
{
maxWidth: 300,
plotLabel: {
fontColor: 'black',
fontSize: 10,
padding: 2
},
scaleLabel: {
fontSize: 10,
padding: 2
}
}
]
},
scaleX: {
minValue: 1435741200000, //07/01/15
maxValue: 1451638800000, //01/01/16
step: 'day',
transform: {
type: 'date',
all: '%m/%d'
},
itemsOverlap: true,
maxItems: 7,
item: {
fontSize: 10
},
guide: {
visible: true,
lineStyle: 'dotted'
}
},
scaleY: {
values: '400:700:300',
format: '$%v',
item: {
fontSize: 10
},
guide: {
lineStyle: 'dotted'
},
offsetStart: '50%',
},
scaleY2: {
values: '0:30:30',
format: '%vM',
item: {
fontSize: 10
},
guide: {
lineStyle: 'dotted'
},
placement: 'default',
blended: true,
offsetEnd: '70%',
},
plot: {
tooltip: {
visible: false
}
},
plotarea: {
adjustLayout: true,
backgroundColor: '#f0f0f5',
alpha: 0.5
},
series: [{
type: 'line',
scales: 'scaleX,scaleY',
lineWidth: 1,
lineColor: '#666699',
marker: {
visible: false
},
guideLabel: {
text: 'Stock: $%v',
decimals: 2,
borderColor: '#666699',
mediaRules: [{
maxWidth: 500,
text: 'Stock:<br>$%v',
textAlign: 'center'
},
{
maxWidth: 300,
text: '$%v'
}
]
},
values: [
[1435741200000, 437.39], //07/01/15
[1435827600000, 437.71], //07/02/15
[1436173200000, 436.04], //07/06/15
[1436259600000, 436.72], //07/07/15
[1436346000000, 429.70], //07/08/15
[1436432400000, 434.39], //07/09/15
[1436518800000, 443.51], //07/10/15
[1436778000000, 455.57], //07/13/15
[1436864400000, 465.57], //07/14/15
[1436950800000, 461.19], //07/15/15
[1437037200000, 475.48], //07/16/15
[1437123600000, 483.01], //07/17/15
[1437382800000, 488.10], //07/20/15
[1437469200000, 488.00], //07/21/15
[1437555600000, 488.27], //07/22/15
[1437642000000, 482.18], //07/23/15
[1437728400000, 529.42], //07/24/15
[1437987600000, 531.41], //07/27/15
[1438074000000, 526.03], //07/28/15
[1438160400000, 529.00], //07/29/15
[1438246800000, 536.76], //07/30/15
[1438333200000, 536.15], //07/31/15
[1438592400000, 535.03], //08/03/15
[1438678800000, 531.90], //08/04/15
[1438765200000, 537.01], //08/05/15
[1438851600000, 529.46], //08/06/15
[1438938000000, 522.62], //08/07/15
[1439197200000, 524.00], //08/10/15
[1439283600000, 527.46], //08/11/15
[1439370000000, 525.91], //08/12/15
[1439456400000, 529.66], //08/13/15
[1439542800000, 531.52], //08/14/15
[1439802000000, 535.22], //08/17/15
[1439888400000, 535.02], //08/18/15
[1439974800000, 532.92], //08/19/15
[1440061200000, 515.78], //08/20/15
[1440147600000, 494.47], //08/21/15
[1440406800000, 463.37], //08/24/15
[1440493200000, 466.37], //08/25/15
[1440579600000, 500.77], //08/26/15
[1440666000000, 518.37], //08/27/15
[1440752400000, 518.01], //08/28/15
[1441011600000, 512.89], //08/31/15
[1441098000000, 496.54], //09/01/15
[1441184400000, 510.55], //09/02/15
[1441270800000, 504.72], //09/03/15
[1441357200000, 499.00], //09/04/15
[1441702800000, 517.54], //09/08/15
[1441789200000, 516.89], //09/09/15
[1441875600000, 522.24], //09/10/15
[1441962000000, 529.44], //09/11/15
[1442221200000, 521.38], //09/14/15
[1442307600000, 522.37], //09/15/15
[1442394000000, 527.39], //09/16/15
[1442480400000, 538.87], //09/17/15
[1442566800000, 540.26], //09/18/15
[1442826000000, 548.39], //09/21/15
[1442912400000, 538.40], //09/22/15
[1442998800000, 536.07], //09/23/15
[1443085200000, 533.75], //09/24/15
[1443171600000, 524.25], //09/25/15
[1443430800000, 504.06], //09/28/15
[1443517200000, 496.07], //09/29/15
[1443603600000, 511.89], //09/30/15
[1443690000000, 520.72], //10/01/15
[1443776400000, 532.54], //10/02/15
[1444035600000, 543.68], //10/05/15
[1444122000000, 537.48], //10/06/15
[1444208400000, 541.94], //10/07/15
[1444294800000, 533.16], //10/08/15
[1444381200000, 539.80], //10/09/15
[1444640400000, 550.19], //10/12/15
[1444726800000, 548.90], //10/13/15
[1444813200000, 544.83], //10/14/15
[1444899600000, 562.44], //10/15/15
[1444986000000, 570.76], //10/16/15
[1445245200000, 573.15], //10/19/15
[1445331600000, 560.88], //10/20/15
[1445418000000, 555.77], //10/21/15
[1445504400000, 565.91], //10/22/15
[1445590800000, 599.03], //10/23/15
[1445850000000, 608.61], //10/26/15
[1445936400000, 611.01], //10/27/15
[1446022800000, 617.10], //10/28/15
[1446109200000, 626.55], //10/29/15
[1446195600000, 625.90], //10/30/15
[1446454800000, 628.35], //11/02/15
[1446541200000, 625.31], //11/03/15
[1446627600000, 640.95], //11/04/15
[1446714000000, 655.65], //11/05/15
[1446800400000, 659.37], //11/06/15
[1447059600000, 655.49], //11/09/15
[1447146000000, 659.68], //11/10/15
[1447232400000, 673.25], //11/11/15
[1447318800000, 665.60], //11/12/15
[1447405200000, 642.35], //11/13/15
[1447664400000, 647.81], //11/16/15
[1447750800000, 643.30], //11/17/15
[1447837200000, 663.54], //11/18/15
[1447923600000, 661.27], //11/19/15
[1448010000000, 668.45], //11/20/15
[1448269200000, 678.99], //11/23/15
[1448355600000, 671.15], //11/24/15
[1448442000000, 675.34], //11/25/15
[1448614800000, 673.26], //11/27/15
[1448874000000, 664.80], //11/30/15
[1448960400000, 679.06], //12/01/15
[1449046800000, 676.01], //12/02/15
[1449133200000, 666.25], //12/03/15
[1449219600000, 672.64], //12/04/15
[1449478800000, 669.83], //12/07/15
[1449565200000, 677.33], //12/08/15
[1449651600000, 664.79], //12/09/15
[1449738000000, 662.32], //12/10/15
[1449824400000, 640.15], //12/11/15
[1450083600000, 657.91], //12/14/15
[1450170000000, 658.64], //12/15/15
[1450256400000, 675.77], //12/16/15
[1450342800000, 670.65], //12/17/15
[1450429200000, 664.14], //12/18/15
[1450688400000, 664.51], //12/21/15
[1450774800000, 663.15], //12/22/15
[1450861200000, 663.70], //12/23/15
[1450947600000, 662.79], //12/24/15
[1451293200000, 675.20], //12/28/15
[1451379600000, 693.97], //12/29/15
[1451466000000, 689.07], //12/30/15
[1451552400000, 675.89], //12/31/15
]
},
{
type: 'bar',
scales: 'scaleX,scaleY2',
barWidth: '50%',
backgroundColor: '#3d3d5c',
guideLabel: {
text: 'Volume: %vM',
borderColor: '#3d3d5c',
mediaRules: [{
maxWidth: 500,
text: 'Volume:<br>%vM',
textAlign: 'center'
},
{
maxWidth: 300,
text: '%vM'
}
]
},
values: [
[1435741200000, 1.99], //07/01/15
[1435827600000, 1.34], //07/02/15
[1436173200000, 1.90], //07/06/15
[1436259600000, 3.45], //07/07/15
[1436346000000, 2.38], //07/08/15
[1436432400000, 2.27], //07/09/15
[1436518800000, 2.40], //07/10/15
[1436778000000, 3.96], //07/13/15
[1436864400000, 4.74], //07/14/15
[1436950800000, 2.99], //07/15/15
[1437037200000, 4.10], //07/16/15
[1437123600000, 4.93], //07/17/15
[1437382800000, 4.75], //07/20/15
[1437469200000, 3.18], //07/21/15
[1437555600000, 3.11], //07/22/15
[1437642000000, 9.37], //07/23/15
[1437728400000, 21.91], //07/24/15
[1437987600000, 7.49], //07/27/15
[1438074000000, 5.27], //07/28/15
[1438160400000, 3.75], //07/29/15
[1438246800000, 3.74], //07/30/15
[1438333200000, 3.03], //07/31/15
[1438592400000, 3.01], //08/03/15
[1438678800000, 2.93], //08/04/15
[1438765200000, 2.89], //08/05/15
[1438851600000, 3.82], //08/06/15
[1438938000000, 3.97], //08/07/15
[1439197200000, 2.62], //08/10/15
[1439283600000, 2.68], //08/11/15
[1439370000000, 4.01], //08/12/15
[1439456400000, 2.90], //08/13/15
[1439542800000, 1.99], //08/14/15
[1439802000000, 2.58], //08/17/15
[1439888400000, 2.07], //08/18/15
[1439974800000, 2.32], //08/19/15
[1440061200000, 4.41], //08/20/15
[1440147600000, 6.71], //08/21/15
[1440406800000, 10.10], //08/24/15
[1440493200000, 5.68], //08/25/15
[1440579600000, 6.36], //08/26/15
[1440666000000, 6.11], //08/27/15
[1440752400000, 2.75], //08/28/15
[1441011600000, 3.00], //08/31/15
[1441098000000, 3.86], //09/01/15
[1441184400000, 3.71], //09/02/15
[1441270800000, 3.15], //09/03/15
[1441357200000, 2.69], //09/04/15
[1441702800000, 3.81], //09/08/15
[1441789200000, 4.37], //09/09/15
[1441875600000, 2.58], //09/10/15
[1441962000000, 3.23], //09/11/15
[1442221200000, 3.13], //09/14/15
[1442307600000, 2.87], //09/15/15
[1442394000000, 2.25], //09/16/15
[1442480400000, 4.17], //09/17/15
[1442566800000, 6.16], //09/18/15
[1442826000000, 3.28], //09/21/15
[1442912400000, 3.84], //09/22/15
[1442998800000, 2.24], //09/23/15
[1443085200000, 3.50], //09/24/15
[1443171600000, 4.03], //09/25/15
[1443430800000, 5.43], //09/28/15
[1443517200000, 4.46], //09/29/15
[1443603600000, 4.00], //09/30/15
[1443690000000, 3.77], //10/01/15
[1443776400000, 4.60], //10/02/15
[1444035600000, 3.39], //10/05/15
[1444122000000, 4.55], //10/06/15
[1444208400000, 3.81], //10/07/15
[1444294800000, 4.68], //10/08/15
[1444381200000, 3.54], //10/09/15
[1444640400000, 2.78], //10/12/15
[1444726800000, 2.94], //10/13/15
[1444813200000, 3.58], //10/14/15
[1444899600000, 4.94], //10/15/15
[1444986000000, 4.32], //10/16/15
[1445245200000, 4.38], //10/19/15
[1445331600000, 4.35], //10/20/15
[1445418000000, 3.36], //10/21/15
[1445504400000, 7.78], //10/22/15
[1445590800000, 10.69], //10/23/15
[1445850000000, 4.27], //10/26/15
[1445936400000, 3.79], //10/27/15
[1446022800000, 3.93], //10/28/15
[1446109200000, 3.90], //10/29/15
[1446195600000, 3.87], //10/30/15
[1446454800000, 2.82], //11/02/15
[1446541200000, 3.25], //11/03/15
[1446627600000, 4.84], //11/04/15
[1446714000000, 4.72], //11/05/15
[1446800400000, 4.09], //11/06/15
[1447059600000, 4.05], //11/09/15
[1447146000000, 3.49], //11/10/15
[1447232400000, 5.39], //11/11/15
[1447318800000, 4.28], //11/12/15
[1447405200000, 6.26], //11/13/15
[1447664400000, 7.44], //11/16/15
[1447750800000, 4.32], //11/17/15
[1447837200000, 4.47], //11/18/15
[1447923600000, 4.71], //11/19/15
[1448010000000, 3.90], //11/20/15
[1448269200000, 4.39], //11/23/15
[1448355600000, 4.54], //11/24/15
[1448442000000, 2.70], //11/25/15
[1448614800000, 1.97], //11/27/15
[1448874000000, 5.69], //11/30/15
[1448960400000, 4.75], //12/01/15
[1449046800000, 4.27], //12/02/15
[1449133200000, 5.06], //12/03/15
[1449219600000, 4.53], //12/04/15
[1449478800000, 3.73], //12/07/15
[1449565200000, 3.65], //12/08/15
[1449651600000, 5.16], //12/09/15
[1449738000000, 3.46], //12/10/15
[1449824400000, 5.47], //12/11/15
[1450083600000, 4.36], //12/14/15
[1450170000000, 4.75], //12/15/15
[1450256400000, 3.96], //12/16/15
[1450342800000, 3.68], //12/17/15
[1450429200000, 6.84], //12/18/15
[1450688400000, 3.25], //12/21/15
[1450774800000, 2.67], //12/22/15
[1450861200000, 2.72], //12/23/15
[1450947600000, 1.09], //12/24/15
[1451293200000, 3.78], //12/28/15
[1451379600000, 5.73], //12/29/15
[1451466000000, 3.52], //12/30/15
[1451552400000, 3.75], //12/31/15
]
}
]
};
// adjust the refresh rate of the chart
zingchart.DEV.RESIZESPEED = 50;
zingchart.DEV.DEBOUNCESPEED = 50;
zingchart.render({
id: 'myChart',
data: chartConfig,
height: '100%',
width: '100%'
});
// initiate jquery resizable container for demo purposes
$('.container').resizable();