Label to the right of bar chart - CanvasJS JavaScript Charts
Label to the right of bar chart - CanvasJS JavaScript Charts
by canvasjs
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
JavaScript
var chart= new CanvasJS.Chart("chartContainer", {
title:{
text: "Label to the right of bar chart"
},
axisX:{
stripLines:[{
value: 8,
label: "dataPoint1",
color:"transparent",
},
{
value: 18,
label: "dataPoint2",
color:"transparent",
},
{
value: 28,
label: "dataPoint3",
color:"transparent",
},
{
value: 38,
label: "dataPoint4",
color:"transparent",
},
{
value: 48,
label: "dataPoint5",
color:"transparent",
},
{
value: 58,
label: "dataPoint6",
color:"transparent",
}
]
},
data: [
{
type: "bar",
dataPoints: [
{ x: 10, y: 1},
{ x: 20, y: 2 },
{ x: 30, y: 0},
{ x: 40, y: 5 },
{ x: 50, y: 4},
{ x: 60, y: 3}
]
}
]
});
chart.render();