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

Question

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

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

这个 API 的实现是否仍然悬而未决？

标签： echarts

Answer 1

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

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

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

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