同样,如果在触屏的环境中使用 ECharts 极坐标系的径向轴指示器的时候,我们可能需要启用一个拖拽手柄 ,通过该拖拽手柄您就能很好的控制径向轴的指示器了。那么,接下来我们看看如何对该拖拽手柄进行属性设置。
径向轴指示器的拖拽手柄,适用于触屏的环境。参见 例子。
[ default: false ]
当 show 设为 true 时开启,这时显示手柄,并且 axisPointer 会一直显示。
设置手柄的图标。
可以通过 'image://url' 设置为图片,其中 url 为图片的链接,或者 dataURI。
可以通过 'path://' 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式,不用担心因为缩放而产生锯齿或模糊,而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 SVG PathData。可以从 Adobe Illustrator 等工具编辑导出。
参见 使用图片的例子
[ default: 45 ]
设置手柄的尺寸,可以设置单值,如 45,也可以设置为数组:[width, height]。
[ default: 50 ]
设置手柄与径向轴的距离。注意,这是手柄中心点和轴的距离。
[ default: '#333' ]
设置手柄颜色。
[ default: 40 ]
设置手柄拖拽时触发视图更新周期,单位毫秒,调大这个数值可以改善性能,但是降低体验。
[ default: 3 ]
设置手柄图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
示例:
{
shadowColor: 'rgba(0, 0, 0, 0.5)',
shadowBlur: 10
}
[ default: #aaa ]
设置手柄阴影颜色。支持的格式同color。
[ default: 2 ]
设置手柄阴影在水平方向上的偏移距离。
[ default: 0 ]
设置手柄阴影在垂直方向上的偏移距离。
radar.splitArea |Objectradar 坐标轴在grid区域中的分隔区域,默认不显示。radar.splitArea.show |boolean[ default: false ]是...
axisPointer.shadowStyle |ObjectECharts 坐标轴指示器的阴影样式,axisPointer.type为'shadow'时有效。axisPointer.sha...
JavaScript setTime() 方法 JavaScript Date 对象实例在本例中,我们将向 1970年01月01日 添加 1332403882588毫秒,并显示新的日...
JavaScript PI 属性 JavaScript Math 对象实例返回 PI:Math.PI;输出结果:3.141592653589793定义和用法PI 属性就是 π,即圆的周...
JavaScript setUTCSeconds() 方法 JavaScript Date 对象实例根据世界时 (UTC) 把当前时间的秒字段设置为 35:var d = new Date()...
JavaScript sqrt() 方法 JavaScript Math 对象实例返回一个数的平方根:Math.sqrt(9);输出结果:3定义和用法sqrt() 方法可返回一...
JavaScript sup() 方法 JavaScript String 对象定义和用法sup() 方法用于把字符串显示为上标。该方法返回加入 the sup 标签的字...
JavaScript anchor() 方法 JavaScript String 对象定义和用法anchor() 方法用于创建 HTML 锚。该方法返回加了 a 标签的字符串, ...
JavaScript Boolean constructor 属性 JavaScript Boolean 对象实例返回通过 myvar 对象的原型创建的函数:var myvar = new Bool...
HTML canvas bezierCurveTo() 方法 Canvas 对象实例绘制一条三次贝塞尔曲线:YourbrowserdoesnotsupporttheHTML5canvastag.JavaS...