echart yAxis and xAxis label cutout

hi, so i am using echart in my bootstrap project and i use this styling to control the size of the chart

<style scoped>
	.echarts{
		width: 100vw;
		min-width: 50vw;
		height: 50vh;
	}
</style>

and i find there is some anoying problem that happen if only i have long yAxis or xAxis label like this

so how to fixed it? to make sure there is no cutout in yAxis and xAxis label?

[k1ngbanana]

Am alternate option is to adjust with grid margins and set a fixed width for labels while they can be represented with ellipsis for longer ones.

stackoverflow link

i have try this links method, and it helps me. the solution in the link is set property below

grid: { containLabel: true }

hopes this also helps u

[laks90Js]

Am alternate option is to adjust with grid margins and set a fixed width for labels while they can be represented with ellipsis for longer ones.