Vidisha Disrtict data
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>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
JavaScript
Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: ''
},
credits: {
enabled: false
},
exporting: {
enabled: false
},
xAxis: {
labels:{
enabled:false//default is true
},
categories: [
]
},
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: 'Training',
showInLegend: false,
color: '#0f9cff',
data: [220000,270000,130000,75000,125000],
pointPadding: 0.3,
pointPlacement: -0.2
}, {
name: 'Achieved',
showInLegend: false,
color: '#8deaf9',
data: [143000,134000,43000,21700,27000],
pointPadding: 0.4,
pointPlacement: -0.2
}, {
name: 'Training',
showInLegend: false,
color: 'rgb(60,60,200)',
data: [150000,195000,55000,45000,80000],
pointPadding: 0.3,
pointPlacement: 0.2,
}, {
name: 'Achieved',
showInLegend: false,
color: 'rgb(120,180,220)',
data: [54000, 37000,18500,8900,16800],
pointPadding: 0.4,
pointPlacement: 0.2,
}]
});