Lost Buy Box

Column chart example

by Sarah Godoshian

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({
  	colors: ['#D0021B'],
    credits: {
      enabled: false
    },
    exporting: {
      enabled: false
    },
    chart: {
      type: 'column'
    },
    title: false,
    subtitle: false,
    xAxis: {
      categories: ['12/15', '01/16', '02/16', '03/16', '04/16', '05/16', '06/16'],
      crosshair: true
    },
    yAxis: {
      min: 0,
      title: {
        text: 'Percentage'
      }
    },
    plotOptions: {
      column: {
        pointPadding: 0.2,
        borderWidth: 0
      }
    },
    series: [{
      name: 'Lost Buy Box',
      data: [49.9, 35.5, 29.8, 27.3, 25.1, 24.2, 21.5]

    }]
  });
});