Highcharts Demo

author(s): Torstein Hønsi

by Kondal Durgam

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>

JavaScript

Highcharts.chart('container', {
				chart: {
					type: 'column'
				},
				title: {
					text: ''
				},
				xAxis: {
					categories: ['SC/ST', 'Women', 'Minorties', 'General']
				},
				credits: {
					enabled: false
				},
				exporting: {
					enabled: false
				},
				yAxis: [{
					min: 0,
					title: {
						text: ''
					}
				}, {
					title: {
						text: ''
					},
					opposite: true
				}],
				legend: {
					shadow: false
				},
				tooltip: {
					shared: true
				},
				plotOptions: {
					column: {
						grouping: false,
						shadow: false,
						borderWidth: 0
					}
				},
				series: [{
					name: 'Target',
					showInLegend: false,
					color: '#108DC9',
					data: [
						['SC/ST', 5],
						['Women', 10],
						['Minorties', 4],
						['General', 10]

					],
					pointPadding: 0.1,
					pointPlacement: -0.2
				}, {
					name: 'Achived',
					showInLegend: false,
					color: '#8DE019',
					data: [
						['SC/ST', 10],
						['Women', 18],
						['Minorties', 18],
						['General', 20]
					],
					pointPadding: 0.4,
					pointPlacement: -0.2
				}]
			});