echarts 图表x轴和y轴数值超出坐标轴的处理方法
(1)如果在grid下把containLabel设置为true,图标会按比例缩小,但是展示处的效果不好;因此只需修改grid下的left属性,grid 组件离容器左侧的距离,就可以让y轴的数值完全展示出来;(2)也可以改变y轴数据的单位解决这个问题,把单位个,改为万个;由于x数据量比较大,y轴的数字没有完全展示出来;1.y轴数据过大溢出边界。
·
1.y轴数据过大溢出边界
由于x数据量比较大,y轴的数字没有完全展示出来;
(1)如果在grid下把containLabel设置为true,图标会按比例缩小,但是展示处的效果不好;因此只需修改grid下的left属性,grid 组件离容器左侧的距离,就可以让y轴的数值完全展示出来;
(2)也可以改变y轴数据的单位解决这个问题,把单位个,改为万个;
let newDataIn=response.data.y.map(item=>{
return (item / 10000).toFixed(2)
})
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)