Back

Bar chart with time based data

Simple JavaScript bar chart for time series data. If no 'type' property has been provided within 'series', the series will default to 'column'.

Documentation
Start Free Trial Purchase

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": "Average open price, $",
            "data": {
                "index": 1,
                "aggregation": "avg"
            },
            "style": {
                "fillColor": "#2fc32f"
            }
        }
    ],
    "container": "demo",
    "data": [
        {
            "units": [
                "d"
            ],
            "url": "/dvsl/data/extra/appl.json"
        }
    ],
    "toolbar": {
        "fullscreen": true,
        "enabled": true
    },
    "interaction": {
        "resizing": {
            "enabled": false
        }
    }
})

Data

Data 
//Data too large to output
Download Data