Column, line and pie

author(s): Torstein Hønsi

by Haze32

HTML

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

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

JavaScript

Highcharts.chart('container', {
    title: {
        text: 'Sales of petroleum products March, Norway',
    },
    xAxis: {
        categories: [
    'M243-SYNTURF-0043', 'M072-SYNTURF-0018', 'M039-SYNTURF-0012', 'M107-SYNTURF-0024', 'M107-SYNTURF-0025', 'M286-SYNTURF-0045', 'M098-SYNTURF-0019', 'M010-SYNTURF-0002', 'M010-SYNTURF-0003', 'M010-SYNTURF-0004', 'M063-SYNTURF-0014', 'M104-SYNTURF-0043', 'M107-SYNTURF-0026','M243-SYNTURF-0043', 'M072-SYNTURF-0018', 'M039-SYNTURF-0012', 'M107-SYNTURF-0024', 'M107-SYNTURF-0025', 'M286-SYNTURF-0045', 'M098-SYNTURF-0019', 'M010-SYNTURF-0002', 'M010-SYNTURF-0003', 'M010-SYNTURF-0004', 'M063-SYNTURF-0014',
  ]
    },
    yAxis: {
        title: {
            text: 'Million liters'
        }
    },
    tooltip: {
        valueSuffix: ' million liters'
    },
    plotOptions: {
        series: {
            borderRadius: '10%'
        }
    },
    legend:{
    enabled:false
    },
    series: [{
        type: 'column',
        name: '2020',
        data: [1, 2, 3, 4, 4, 5, 6, 7, 8, 8, 9, 10, 15, 20, 21, 22, 22, 23, 23, 24, 25, 26, 27, 28,  ],
        color: '#59A7C6',
    }, {
        type: 'line',
        data: [26, 26, 26, 26, 26, 26, 26, 26, 26, 26, 26, 26, 26, 45, 45, 45, 45, 45, 45, 45, 45, 45, 45, 45],
        color: '#C65969',
        lineWidth: 5,
        marker: {enabled:false}
    }]
});