Yaxis labels are being cut off

[akvaliya]

I have used plugin ngEcharts for display charts. is displays like below.

As you can see yAxis labels are being cut off. can anyone point me on the direction to how to prevent this or increase yAxis label area or decrease chart area?

[CWSchen]

please have a try css padding
for example
‘《’div id="main" style="width:100%;height:500px;border:1px solid #ddd;padding:50px;"></div》

[100pah]

Increase grid.left,

Or set grid.containLabel as true.

[akvaliya]

@100pah Thanks. Got it working!

[iamtekson]

Y-axis label name is still cut off. Can anyone suggest to me how to make the y-axis name visible?