创新互联ECharts教程:ECharts坐标轴指示器拖拽手柄

axisPointer.handle   |   Object

实现坐标轴指示器的拖拽手柄,适用于触屏的环境。参见 例子。

成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都做网站、网站建设、黎平网络推广、微信小程序、黎平网络营销、黎平企业策划、黎平品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联为所有大学生创业者提供黎平建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com

axisPointer.handle.show   |   boolean

[ default: false ]

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

axisPointer.handle.icon   |   *

设置手柄的图标。

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

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

参见 使用图片的例子

axisPointer.handle.size   |   number, Array

[ default: 45 ]

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

axisPointer.handle.margin   |   number

[ default: 50 ]

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

axisPointer.handle.color   |   string

[ default: '#333' ]

设置手柄的颜色。

axisPointer.handle.throttle   |   number

[ default: 40 ]

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

axisPointer.handle.shadowBlur   |   number

[ default: 3 ]

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

示例:

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

axisPointer.handle.shadowColor   |   Color

[ default: #aaa ]

设置手柄阴影颜色。支持的格式同color。

axisPointer.handle.shadowOffsetX   |   number

[ default: 2 ]

设置手柄阴影在水平方向上的偏移距离。

axisPointer.handle.shadowOffsetY   |   number

[ default: 0 ]

设置手柄阴影在垂直方向上的偏移距离。

网站标题:创新互联ECharts教程:ECharts坐标轴指示器拖拽手柄
链接地址:http://www.gawzjz.com/qtweb2/news43/16893.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联