Line and bar chart
JavaScript time series chart with lines and columns. For one series, the 'type' is set to 'columns', and for the other, the 'type' is 'line'.
HTML
HTML
<script src="https://cdn.zoomcharts-cloud.com/1/nightly/zoomcharts.js"></script>
<div id="demo"></div>
CSS
CSS
//No CSS for this example
JavaScript
JavaScript
chart= new TimeChart({
"series": [
{
"name": "low",
"data": {
"index": 2,
"aggregation": "min"
},
"style": {
"fillColor": "#b0dc0b",
"lineColor": "#b0dc0b"
},
"type": "columns"
},
{
"name": "high",
"data": {
"index": 3,
"aggregation": "max"
},
"style": {
"lineColor": "#eab404"
},
"type": "line"
}
],
"container": "demo",
"data": [
{
"units": [
"d"
],
"url": "/dvsl/data/extra/appl.json"
}
],
"toolbar": {
"fullscreen": true,
"enabled": true
},
"interaction": {
"resizing": {
"enabled": false
}
}
})