echarts图表y轴数值添加%遮挡问题

echarts图表y轴显示

原来数据显示是80.22%,修改去除掉%才能显示。

echarts图表y轴数值添加%遮挡问题_第1张图片

需求需要,echarts图表显示y轴的是百分比%,加入属性axisLabel

echarts图表y轴数值添加%遮挡问题_第2张图片

可以发现显示出%,但是样式发生改变了。

echarts图表y轴数值添加%遮挡问题_第3张图片

数据遮挡住了,查看api文档仔细搜索,发现有个属性可以解决问题。

在axisLabel属性加入margin:2;添加属性grid,具体值可调试。

echarts图表y轴数值添加%遮挡问题_第4张图片

下面贴一下显示效果:

echarts图表y轴数值添加%遮挡问题_第5张图片

特此记录下来,方便以后调试修改。

你可能感兴趣的:(web开发)