Highcharts Demo

author(s): Torstein Hønsi

by mlmason

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

Highcharts.setOptions({
		lang: {
			thousandsSep: ''
		}
	});
Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    
    title: {
        text: 'Detroit Casino Revenue, 2007-2016'
    },
    subtitle: {
        text: ''
    },
    xAxis: {
        categories: [
            '2016',
            '2015',
            '2014',
            '2013',
            '2012',
            '2011',
            '2010',
            '2009',
            '2008',
            '2007',
          
        ],
        crosshair: true
    },
    yAxis: {
        min: 0,
        title: {
            text: ''
        }
    },
      tooltip: {
        pointFormat: "Value: {point.y:,.1f} mm"
    },
    plotOptions: {
        column: {
            pointPadding: 0.2,
            borderWidth: 0
        }
    },
    series: [{
        name: 'MGM',
        data: [592125753.96, 582044759.24, 561126766.17, 566813352.85, 604879416.74, 599709633.82, 581887436.10, 547632906.61, 578306948.18, 513480980.38]

    }, {
        name: 'Motor City',
        data: [467857000.65, 464495363.41, 445004408.74, 454344330.43, 459750323.64 , 471978180.83 , 446409013.40, 445826163.01 , 464978705.28, 480214415.45]

    }, {
        name: 'Greektown',
        data: [325619011.82, 329868314.30, 326651394.69, 328345985.98, 352104685.88, 352757646.43 , 349632635.44, 346020203.02 , 316298982.20 , 341320495.58]

    }]
});