Highcharts test tool

by Torstein Hønsi

HTML

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

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

CSS

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

JavaScript

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

	chart: {
    	type: 'column'
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    
    plotOptions: {
        series: {
            events: {
                legendItemClick: function (e) {
					var color = prompt('Insert a HTML color to change to (hex, rgba or named color):');
                    if (color) {
                    	this.update({ color: color });
                    }
                    return false;
                }
            }
        }
    },

    series: [{
        data: [1, 2, 3]
    }, {
        data: [5, 3, 4]
    }, {
        data: [5, 2, 1]
    }]

});