首页 前端知识 Echarts 图表滑块两侧label被遮挡解决办法

Echarts 图表滑块两侧label被遮挡解决办法

2024-02-24 15:02:54 前端知识 前端哥 276 801 我要收藏

Echarts 图表滑块两侧label被遮挡解决办法

1、可以直接dataZoom里面将两侧文字设置为透明色;

2、可以是两边的文字换行
dataZoom:{
labelFormatter: value => {
const newValue = data.xAxis || data.timeData
return ${newValue[value].split(' ')[0]}\n${newValue[value].split(' ')[1]}
},
}

3、可以通过left,right两个属性设置固定的宽度
dataZoom:{
left: 80,
right: 80,
left:‘4%’, // 可以是数值也可以是百分比
right:‘4%’
}
以上解决可以解决echarts滑块两侧label被遮挡的问题哦

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2630.html
标签
评论
发布的文章

【jQuery详细介绍】

2024-03-10 11:03:26

jQuery核心函数

2024-03-10 11:03:10

vue echarts GL3d中国地图

2024-03-10 11:03:09

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!