Highcharts Demo

author(s): Torstein Hønsi

by Manu Vashishtha

HTML

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

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

CSS

#container {
	min-width: 310px;
	max-width: 800px;
	height: 400px;
	margin: 0 auto
}

JavaScript

Highcharts.chart('container', {

    title: {
        text: 'Solar Employment Growth by Sector, 2010-2016'
    },

    subtitle: {
        text: 'https://en.wikipedia.org/wiki/Melbourne_Football_Club#Membership_base'
    },

    yAxis: {
        title: {
            text: 'Club Members(k)'
        }
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle'
    },

    plotOptions: {
        series: {
            pointStart: 1984
        }
    },

    series: [{
        name: 'Members',
        data: [6.297, 5.801, 4.511, 3.122, 10.078, 8.184, 10.111,10.153, 8.681, 10.097, 10.648, 9.544, 12.964, 15.350,
 17.870, 19.713, 18.227, 22.940, 20.152, 20.844, 25.252,24.220,24.698, 28.077, 29.619, 31.506,33.358, 36.937,
35.345,33.177, 35.911, 35.953,39.211]}
     ]

});