问题：

期望：

 

 解决方案：

1：调整宽度（4版本的没有width属性）

2. 参考：echarts图标设置dataZoom拖拽时间轴时自动调整两侧文字的位置_datazoom 位置_乌栖曲的博客-CSDN博客

 设置文字的定位

const sliderZoom = this.chart._componentsViews.find(item => item.__id.indexOf('slider') !== -1)
       sliderZoom._displayables.handleLabels[0].position= [80, 0]
       sliderZoom._displayables.handleLabels[1].position = [-80,0]

       let leftP = sliderZoom._displayables.handleLabels[0].style.text.length
       let rightP = -sliderZoom._displayables.handleLabels[1].style.text.length
  
       this.chart.on('datazoom', function (e) {
         if (e.start < 10) {
             leftP = sliderZoom._displayables.handleLabels[0].style.text.length * 8
         } else {
             leftP = 0
         }
         if (e.end > 90) {
             rightP = -sliderZoom._displayables.handleLabels[1].style.text.length * 8
         } else {
             rightP = 0
         }
         sliderZoom._displayables.handleLabels[0].position = [leftP, 0]
         sliderZoom._displayables.handleLabels[1].position = [rightP, 0]
       })