Highcharts Demo

author(s): Torstein Hønsi

by hakan

HTML

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

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

CSS

#container {
    min-width: 310px;
    max-width: 800px;
    height: 400px;
    margin: 0 auto
}

.highcharts-legend { 
  pointer-events: none !important;
}

JavaScript

Highcharts.chart('container', {
    chart: {
        type: 'bar'
    },
    series: [{
        data: [1, 2, 3]
    }, {
        data: [3, 2, 1]
    }],
    plotOptions: {
        series: {
            enableMouseTracking: false,
            states: {
                inactive: {
                    opacity: 1
                }
            },
            
            // Not needed, see CSS:
            //events: {
            //    legendItemClick: function() {
            //        return false;
            //    }
            //}
        }
    }
});