Echarts dataZoom滑块句柄图标形状不起作用

Question

在https://echarts.apache.org/en/option.html#dataZoom-slider.handleIcon 的 echarts 文档中，数据缩放滑块的手柄图标具有“圆形”、“矩形”等形状选项。

但是，这些形状似乎不起作用。 如果我们指定dataZoom: [{ handleIcon: "circle" }]，手柄图标就会消失。

此 API 的实现是否仍在等待中？

Answer 1

您误解了文档。 handleIcon 方法需要一个路径字符串，但不是某个形状标识符。请查看tests，您可以在其中找到如何使用此方法。

但是，您可以在图表配置之外定义图标并在内部使用标识符：

var icons = {
  circle: 'M17.498,11.697c...',
  square: 'M17.498,11.697c...'
}

var option = {
  //...
  dataZoom: [{ handleIcon: icons['circle'] }]
}