Wrap Long Axis Labels in Chart - CanvasJS

Wrap Long Axis Labels in Chart using labelMaxWidth property

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
<p class="description">Built using <a href="http://canvasjs.com" title="CanvasJS HTML5 Charts" target="_blank">CanvasJS HTML5 Charts</a>

</p>

CSS

.description {
    margin-top: 50px;
    text-align:left;
    font-family: calibri;
    font-size: 16px;
    color: gray;
}
a:link, a:visited, a:active {
    color: #4F81BC;
}

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {

    data: [{
        type: "bar",
        dataPoints: [
            { y: 71 }, 
            { y: 55 },
            { y: 50 }, 
            { y: 65 }, 
            { y: 95 }, 
            { y: 68 }            
        ]
    }],
    axisX: {
        //labelAutoFit: true, //false by default.
        //labelWrap: false, // true by default.
        labelMaxWidth: 100,
        prefix: "This is a very long label "
    }
});

chart.render();