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.setOptions({
    lang: {
        months: ['januar', 'februar', 'mars', 'april', 'mai', 'juni', 'juli',
            'august', 'september', 'oktober', 'november', 'desember'],
        weekdays: ['sundag', 'm�ndag', 'tysdag', 'onsdag', 'torsdag', 'fredag', 'laurdag']
    },
    colors: ['#DF5353', '#aaeeee', '#ff0066', '#eeaaee', '#DDDF0D', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee', '#ff0066', '#eeaaee', '#DDDF0D', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee']
});
Highcharts.chart('container', {
    chart: {
        borderColor: '#4572A7',
        plotBorderWidth: 1,
        plotBorderColor: '#CCCCCC',
        backgroundColor: '#222',
        plotShadow: true,
        type: 'spline'
    },
    title: {
        text: ''
    },
    xAxis: {
        dateTimeLabelFormats: { // TODO: should this be a language setting as well?
            weekly: '%e. %b %y',
            twicemonthly: '%e. %b %y',
            monthly: '%b %y',
            twomonths: '%b %y',
            threemonths: '%b %y',
            fourmonths: '%b %y',
            sixmonths: '%b %y',
            yearly: '%Y'
        },
        showFirstLabel: true,
        showLastLabel: false,
        minRange: 30 * 24 * 3600 * 1000,
        startOnTick: true,
        endOnTick: true
    },
    series: [ {
        type: 'areaspline',
        name: '2015',
        color: '#FFFFFF',
        label: {
            onArea: false
        },
        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],...