Side by side bar chart
Side-by-side bar chart for time series data. The two series are displayed right next to each other in a cluster, allowing for easy comparison between both values. This is the default TimeChart behavior when multiple series with 'column' type are present.
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": "#2fc32f"
},
"type": "columns"
},
{
"name": "high",
"data": {
"index": 3,
"aggregation": "max"
},
"style": {
"fillColor": "#b0dc0b"
},
"type": "columns"
}
],
"container": "demo",
"data": [
{
"units": [
"d"
],
"url": "/dvsl/data/extra/appl.json"
}
],
"toolbar": {
"fullscreen": true,
"enabled": true
},
"interaction": {
"resizing": {
"enabled": false
}
}
})