CEO column chart - dual colour

by Danielle Parkinson

HTML

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

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function() {
  $('#container').highcharts({
    legend: {
      itemStyle: {
        fontFamily: 'Open Sans',
        fontSize: '15px',
        fontWeight: 'regular'
      }
    },
    chart: {
      type: 'column',
      width: 1300,
      height: 290
    },
    title: {
      text: ' '
    },
    xAxis: {
      labels: {
        style: {
          fontFamily: 'Open Sans',
          fontSize: '15px',
          color: '#595959',
        }
      },
      categories: [
        ' ',
        ' ',
        ' ',
        ' ',
        ' ',
        ' ',
      ]
    },
    yAxis: {
      labels: {
        style: {
          fontFamily: 'Open Sans',
          fontSize: '15px',
          color: '#595959',
        }
      },
      min: 0,
      title: {
        text: ' '
      },
      stackLabels: {
        enabled: false,
        style: {
          fontWeight: 'bold',
          color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
        }
      }
    },

    tooltip: {
      headerFormat: '<b>{point.x}</b><br/>',
      pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
    },
    plotOptions: {
      series: {
        groupPadding: 0.2
      },

      column: {

        dataLabels: {
          enabled: false,
          color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'grey',
          style: {
            fontFamily: 'Open Sans',
            fontWeight: 'bold',
            textShadow: false,
            textOutline: false,
            fontSize: '15px',
            color: '#595959',
          }
        }
      }
    },
    series: [{
      name: 'Score',
      data: [83, 30, 40, 73, 81, 76],
      color: '#14a0ff'
    }, {
      name: 'Last Month',
      data: [81, 45, 50, 70, 75, 78],
      color: '#bababa'
    }]
  });
});