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: '#595959',
        fontSize: '15px',
        fontFamily: 'Open Sans',
        fontWeight: 'normal'
      }
    },
    chart: {
      type: 'line',
      height: 300,
      width: 440
    },
    title: {
      text: ' '
    },
    xAxis: {
      categories: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
      labels: {
        style: {
          color: '#595959',
          fontSize: '15px',
          fontFamily: 'Open Sans'
        }
      },
      tickLength: 0,
    },
    yAxis: {
      visible: false,
      labels: {
        style: {
          color: '#595959',
          fontSize: '15px',
          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.05,
        dataLabels: {
          enabled: true,
          style: {
            fontFamily: 'Open Sans',
            fontWeight: 'bold',
            textShadow: false,
            textOutline: false,
            fontSize: '15px',
            color: '#595959',
          },
        }
      },

      column: {

      }
    },
    legend: {
      itemStyle: {
        color: '#595959',
        fontSize: '15px',
        fontFamily: 'Open Sans',
        fontWeight: 'normal'
      }
    },
    series: [{
      name: ' ',
      color: '#14a0ff',
      data: [61, 58, 66, 57, 54, 53, 46],
    }]
  });
});