Multi Bar Chart with Values at Top (Flot)
This is an example of a multi-bar chart. The values at the top are not well situated. They need a fix
by piyush saraf
HTML
<script src="http://www.flotcharts.org/javascript/jquery.flot.min.js"></script>
<script src="http://www.benjaminbuffet.com/public/js/jquery.flot.orderBars.js"></script>
<script src="http://www.lowthercastle.org/packages/hanalei_google_analytics/js/jquery.flot.valuelabels.js"></script>
<div id="placeholder1" style="width:400px;height:400px;"></div>
JavaScript
$(function () {
var a1 = [[0,3],[1,19],[2,15],[3,5],[4,11]];
var a2 = [[0,8],[1,6],[2,12],[3,10],[4,1]];
var a3 = [[0,3],[1,12],[2,11],[3,2],[4,13]];
var data = [
{
label: "France",
data: a1
},
{
label: "Germany",
data: a2
},
{
label: "Italy",
data: a3
}
];
console.log(data);
$.plot($("#placeholder1"), data, {
series: {
bars: {
show: true,
barWidth: 0.13,
order: 1
}
},
valueLabels: {
show: true
}
});
});