[Bug] datazoom的inside的fillerColor不能改变选择区域的颜色。

[happyh]

Version

5.4.2 (and tested on latest versions)

Link to Minimal Reproduction

https://codepen.io/happyhegu/pen/qEdxpNp

Steps to Reproduce

1. 打开上述链接。
2. 打开右上角的zoom。
3. 在图表区域使用鼠标拖动选择缩放区域（inside 类型的 dataZoom）。
4. 观察选区背景色是否为红色半透明区域。

Current Behavior

inside 类型的 dataZoom 拖动时没有显示需要颜色填充区域，而是使用默认颜色。

Expected Behavior

nside 类型的 dataZoom 应该显示一个由 fillerColor 或 CSS .ec-view .data-zoom-rect rect 控制的高亮选区。

Environment

- OS: win11
- Browser: edge 137.0.3296.68 (正式版本) (64 位)
- Framework:

Any additional comments?

• slider 类型的 dataZoom 能正常显示颜色；
• 已尝试设置 emphasis.fillerColor；
• 已尝试通过 CSS 添加 .ec-view .data-zoom-rect rect { fill: red !important }；
• 以上方式对 inside 类型无效。

[helgasoft]

try brushStyle.color
📌 please close issue if problem solved.

[happyh]

try brushStyle.color 📌 please close issue if problem solved.

试过 brushStyle.color 也不行，前面的例子 https://codepen.io/happyhegu/pen/qEdxpNp 改为使用brushStyle.color了。

[sz-p]

It works well

Try this toolbox in option:

toolbox: {
  feature: {
    dataZoom: {
      yAxisIndex: 'none',
      brushStyle: {
        color: 'rgba(255,0,0,0.2)'
      }
    }
    restore: {},
    saveAsImage: {}
  }
}

[happyh]

It works well

Try this toolbox in option:

toolbox: {
feature: {
dataZoom: {
yAxisIndex: 'none',
brushStyle: {
color: 'rgba(255,0,0,0.2)'
}
}
restore: {},
saveAsImage: {}
}
}

非常感谢，这个可以。

brushStyle是放到toolbox里面，而不是放到dataZoom的inside。