Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        
chart: { type: 'column', height:200, spacingBottom: 15, spacingTop: 20, spacingLeft: 5, spacingRight: 15, borderWidth: 1, borderColor: '#ddd' },
        
title: { text: ''},
legend : { padding: 0, margin: 5 },
credits: { enabled: true },
tooltip: { enabled: false },
plotOptions: { column: { dataLabels: { enabled: true }}},
colors: ['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE', '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92'],
loading: { labelStyle: { top: '35%', fontSize:"2em" }},
xAxis: { categories: ["7/12","7/13","7/14","7/15","7/16","7/17","7/18"] },
    series:[
{"name":"Odometer","data":[{"y":94.98},{"y":182.96},{"y":160.97},{"y":18.00},{"y":117.97},{"y":6.00},{"y":127.97}]}
]

        
    });
});