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: 1110px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function() {
  $('#container').highcharts({
    legend: {
      itemStyle: {
        color: 'black',
        fontSize: '12px',
        fontFamily: 'Open Sans',
        fontWeight: 'normal'
      }
    },
    chart: {
      type: 'line',
      height: 230,
      width: 230
    },
    title: {
      text: ' '
    },
    xAxis: {
      categories: ['Dec 18', 'Jan 19', 'Feb 19'],
      labels: {
        style: {
          color: '#202020',
          fontSize: '14px',
          fontFamily: 'Open Sans'
        }
      },
      tickLength: 0,
    },
    yAxis: {
      visible: false,
      labels: {
        style: {
          color: '#202020',
          fontSize: '14px',
          fontFamily: 'Open Sans'
        }
      },
      tickLength: 0,
      min: 0,
      gridLineColor: '#aec4db',
      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.01,
        dataLabels: {
          enabled: true,

          style: {
            fontFamily: 'Open Sans',
            fontWeight: 'bold',
            textShadow: false,
            textOutline: false,
            fontSize: '14px',
            color: '#202020',
          },
        }
      },

      column: {

      }
    },
    legend: {
      itemStyle: {
        color: '#202020',
        fontSize: '14px',
        fontFamily: 'Open Sans',
        fontWeight: 'normal'
      }
    },
    series: [{
      name: 'Score',
      color: '#E50000',
      data: [64, 57, 75],
    }]
  });
});