Demo for all Axis labels in Bar Graph
All labels visible on x-axis in bar graph
by Anjali Jain
HTML
<script type="text/javascript" src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 300px; width: 100%;">
JavaScript
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "Demo for all Axis labels in Bar Graph"
},
axisX: {
interval:1
},
data: [
{
type: "bar",
dataPoints: [
{ y: 198, label: "Italy"},
{ y: 201, label: "China"},
{ y: 202, label: "France"},
{ y: 236, label: "Great Britain"},
{ y: 395, label: "Soviet Union"},
{ y: 302, label: "France"},
{ y: 336, label: "India"},
{ y: 295, label: "Paris"},
{ y: 102, label: "Korea"},
{ y: 122, label: "Japan"},
{ y: 326, label: "Bhotan"},
{ y: 294, label: "Nepal"},
{ y: 106, label: "UK"},
{ y: 216, label: "Newyork"},
{ y: 325, label: "Asia"},
{ y: 957, label: "USA"}
]
}
]
});
chart.render();