echarts底部滑块不要背景色的问题？

Question

滑块内部不要背景色，只要一条红色的线，请问怎么实现

这是现在的配置

 dataZoom: [
    {
        start: 0,
        end: 98,
        left: 10,
        bottom: 0,
        right: 10,
        height: 52,
        width: '100%',
        backgroundColor: '#061b6d',
        // borderRadius: 15,
        borderColor: '#061b6d',
        handleColor: '#e2e9ff',
        dataBackground: {
          lineStyle: {
            width: 0,
            color: 'rgba(5, 100, 208, 1)'
          },
          // areaStyle: {
          //   color: 'black',
          //   opacity: 1,
          // }
        },
        // selectedDataBackground: {
        //   lineStyle: {
        //     width: 0,
        //     color: 'red',
        //   },
        //   areaStyle: {
        //     color: 'blue',
        //     opacity: 1
        //   }
        // },
        // fillerColor: 'rgba(100,200,200, 0.1)',
        fillerColor: 'rgba(16, 39, 132, .5)', // 选中区域颜色
        brushSelect: false,
        handleStyle: { /* 手柄的样式 */
          color: '#fff',
          borderWidth: 3,
          borderColor: '#4064ff'
        },
        // handleIcon: 'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M26.8,35.8 h-1.3H27L27.8,35.8L25.8,35.8z'
      },
  ],

Answer 1

selectedDataBackground: {
      lineStyle: {
        width: 1,
        color: 'red',
      },
      areaStyle: {
        // color: 'none',
        opacity: 0
      }
},
fillerColor: 'none', // 选中区域颜色

这样应该就行

Answer 2

有个handleIcon，换个图片就行了吧