Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

<div id="container"></div>

JavaScript

Highcharts.chart('container', {
    chart: {
      type: 'bar'
    },
    title: {
      text: 'Sample Bar Graph'
    },
    xAxis: {
      categories: ['Category 1', 'Category 2', 'Category 3', 'Category 4']
    },
    plotOptions: {
      bar: {
        centerInCategory: true,
        color: '#203864',
        pointWidth: 40,
        dataLabels: {
          enabled: true,
          format: 'Average Rank: {point.y}'
        }
      }
    },
    series: [{
      name: 'First',
      data: [[0,3]]
    }, {
      name: 'Second',
      data: [[1,7]]
    }, {
      name: 'Third',
      data: [[2,4]]
    }, {
      name: 'Fourth',
      data: [[3,5]]
    }]
});