[Chartjs]-YAxis labels are being cut off in ngEchars (Echarts)

6👍

After Ovilia’s link i was able to remove cut off using it’s grid property.

It has containLabel property.

Once i set containLabel it to true, i didn’t need to set grid size. it worked!

0👍

Add this to the chart init configuration object. It will fix the cut-off labels

grid: { containLabel: true },

0👍

If anyone still facing truncation issue after implementing above accepted answer.

Add left: 0; (or some positive integer value) to grid property along with containLabel: true;

i.e

grid: {containLabel: true, left: 0};

Leave a comment