Highcharts Dark Mode Demo

author(s): Torstein Hønsi

by Sascha

HTML

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


<div id="container"></div>

JavaScript

/* global CodeMirror*/


var chart = Highcharts.chart('container', {

    chart: {
        type: 'column',
        styledMode: false
    },

    title: {
        text: 'Highcharts Dark Mode / Light Mode'
    },
    
    subtitle: {
    	text: 'The color mode follows the OS setting'
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    plotOptions: {
        series: {
            stacking: 'normal'
        }
    },

    legend: {
        align: 'right',
        verticalAlign: 'middle',
        layout: 'vertical'
    },

    series: [{
        data: [1, 2, 3]
    }, {
        data: [1, 2, 3]
    }, {
        data: [3, 2, 1],
        type: 'line'
    }]

});