页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考)

V11版本,echarts5.1.2版本验证有效

问题说明

          滚动条的数据背景色是否可以调整?

解决方案

         参考如下扩展属性:

option = {
  dataZoom: [{
    type: 'slider',
    showDetail: false,
    show: true,
    yAxisIndex: [0, 1, 2, 3],
    startValue: 40,
    endValue: 54,
    handleSize: 11,
    height: '400px',
    width: '30px',
    backgroundColor: 'transparent', // 设置背景颜色为透明
    fillerColor: '#ddd', // 设置填充颜色
    // 设置 dataBackground 样式
    dataBackground: {
      lineStyle: {
        color: 'transparent', // 设置数据背景线条颜色为透明
        width: 1, // 线条宽度
        type: 'solid' // 线条类型
      },
      areaStyle: {
        color: 'transparent', // 设置数据背景区域填充颜色为透明色
      }
    }
  }]
}
       效果如下,另如果是开启了图形本身的缩略轴,建议关掉后再通过扩展属性进行个性化配置:


  • 无标签