Highcharts Demo

author(s): Torstein Hønsi

by Rambabu Pudi

HTML

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

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

CSS

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

JavaScript

var dateFormat = '%d-%b-%Y'

var chart = Highcharts.stockChart('container', {
		chart: {
			type: 'column'
		},
    series: [{
        name: 'Installation',
        data: [
					[Date.UTC(2019, 1, 1), 12],
					[Date.UTC(2019, 2, 1), 9],
					[Date.UTC(2019, 3, 1), 8],
					[Date.UTC(2019, 4, 1), 5],
					[Date.UTC(2019, 5, 1), 10],
					[Date.UTC(2019, 6, 1), 3],
				]
    }],
		rangeSelector: {
			inputDateFormat: dateFormat
		},
		tooltip: {
			xDateFormat: dateFormat
		},
		xAxis: {
			dateTimeLabelFormats: {
				month: dateFormat
			}
		}
});