Highcharts Demo

author(s): Torstein Hønsi

by Rajesh Danabal

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/series-label.js"></script>
<div id="container"></div>

CSS

#container {
    max-width: 800px;
    height: 400px;
    margin: 1em auto;
}

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    title: {
        text: ''
    },
    xAxis: {
    },

    plotOptions: {
        series: {

            lineWidth: 2,
            shadow: true,
            marker: {
                enabled: false,
                symbol: 'circle',
                states: {
                    hover: {
                        enabled: true
                    }
                }
            }
        }
    },
    series: [{
        type: 'column',
        name: 'wigerwerlwerlwerower',
        color: '#111',
        label: {
            onArea: false,
            enabled: true
        },
        lineWidth: 3,
        marker: {
            enabled: true
        },
        fillColor: 'rgba(170, 238, 238, .4)',
        data: [[28382400000, 0.00], [29332800000, 0.25], [30542400000, 1.41], [30974400000, 1.64], [31838400000, 1.60], [32961600000, 2.55], [33566400000, 2.62], [34516800000, 2.50], [35380800000, 2.42], [37108800000, 2.74], [37800000000, 2.62], [38664000000, 2.60], [39438000000, 2.81], [40302000000, 2.63], [41684400000, 2.77], [42289200000, 2.68], [42721200000, 2.56], [43153200000, 2.39], [43585200000, 2.30], [44967600000, 2.00], [45399600000, 1.85], [45831600000, 1.49], [46263600000, 1.27], [46695600000, 0.99], [47041200000, 0.74]],
        visible: true
    }]
});