绘制数据缩放滑块手柄图标形状不起作用

问题描述

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

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

此API的实现是否仍在执行中？

解决方法

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

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

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

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