Bar chart

by Black Label

HTML

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

<div id="container" style="height: 400px"></div>

CSS

#container {
    max-width: 800px;
    min-width: 320px;
    height: 400px;
    width: 2000px;
}

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'column',
    scrollablePlotArea: {
      minWidth: 4000,
      scrollPositionX: 1
    }
  },
  xAxis: {
    crosshair: true
  },

  yAxis: {
    crosshair: true
  },

  plotOptions: {
    column: {
      pointWidth: 10
    }
  },

  series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
  }]
});