（本文档仅供参考）

问题：

V10版本缩略轴开启后，颜色如何修改。


解决方案：

可通过如下扩展属性配置对应颜色。

option = {
  dataZoom: [{
    fillerColor: 'rgba(208,2,27,1)', //选中范围的填充颜色。
    borderColor: 'rgba(248,231,28,1)', //边框颜色
    textStyle: {
      color: 'rgba(151, 46, 46, 1)' //文本颜色
    },
    handleStyle: {
      color: 'rgba(37, 202, 86, 1)' //两侧缩放手柄颜色
    },
    dataBackground: {
      areaStyle: {
        color: 'rgba(189, 213, 90, 1)' //数据阴影区域颜色
      },
      lineStyle: {
        color: "rgba(216, 75, 188, 1)" //数据阴影线条颜色
      }
    },
    backgroundColor: 'rgba(255,255,255,1)', //缩略轴背景色
  }]
}