Accepted answer

You were using ChartJs version 2.1.3 in your JSFiddle, which does not seem to handle multiline labels

You can use multilines labels with the following solutions:

var dates = [["Some l-o-o-o-o-", "o-o-o-o-o-o-o-", "n-n-n-n-n-n-g-g-g-", "g-g-g-g label"], "DDD", ["EEE", "FFF", "GGG"], "HHH", "III"];

You can replace a label by an array, and each element of the array will be considered as a new line (See JSFiddle):

If your labels are generated dinamically, you can split them with a plugin in your chart configuration :

type: 'bar',
data: {...},
options: {...},
plugins: [{
    beforeInit: function (chart) { (value, index, array) {
            var a = [];
            a.push(value.slice(0, 5));
            var i = 1;
            while(value.length > (i * 5)){
                a.push(value.slice(i * 5, (i + 1) * 5));
            array[index] = a;

This function will turn each label into an array of element which length is less or equal to the given value (here 5) (See JSFiddle) :

Those are two easy ways to handle long labels by replacing them by multiline labels, hope it helps.

Related Query

More Query from same tag