Bootstrap

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

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被遮挡的问题哦

;