单轴指示器拖拽手柄的实现

singleAxis.axisPointer.handle

Object 设置 ECharts 单轴指示器拖拽手柄，适用于触屏的环境。参见 例子。

singleAxis.axisPointer.handle.show

boolean [ 默认值 false ]

当 show 设为 true 时开启，这时显示手柄，并且 axisPointer 会一直显示。

singleAxis.axisPointer.handle.icon

* 手柄的图标。

可以通过 'image://url' 设置为图片，其中 url 为图片的链接，或者 dataURI。

可以通过 'path://' 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 SVG PathData。可以从 Adobe Illustrator 等工具编辑导出。

参见 使用图片的例子

singleAxis.axisPointer.handle.size

number, Array [ 默认值 45 ]

手柄的尺寸，可以设置单值，如 45，也可以设置为数组：[width, height]。

singleAxis.axisPointer.handle.margin

number [ 默认值 50 ]

手柄与轴的距离。注意，这是手柄中心点和轴的距离。

singleAxis.axisPointer.handle.color

string [ 默认值 '#333' ]

手柄颜色。

singleAxis.axisPointer.handle.throttle

number [ 默认值 40 ]

手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。

singleAxis.axisPointer.handle.shadowBlur

number [ 默认值 3 ]

图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。

示例：

{
    shadowColor: 'rgba(0, 0, 0, 0.5)',
    shadowBlur: 10
}

singleAxis.axisPointer.handle.shadowColor

Color [ 默认值 #aaa ]

阴影颜色。支持的格式同color。

singleAxis.axisPointer.handle.shadowOffsetX

number [ 默认值 2 ]

阴影水平方向上的偏移距离。

singleAxis.axisPointer.handle.shadowOffsetY

number [ 默认值 0 ]

阴影垂直方向上的偏移距离。