创新互联ECharts教程：在xAxis的坐标轴指示器中使用拖拽手柄

本节将在坐标轴指示器中添加一个拖拽手柄，并提供相关的手柄属性.

为古蔺等地区用户提供了全套网页设计制作服务，及古蔺网站建设行业解决方案。主营业务为成都做网站、网站设计、外贸营销网站建设、古蔺网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

xAxis.axisPointer.handle   |   Object

为 xAxis 中的坐标轴指示器添加一个拖拽手柄，适用于触屏的环境。更多操作见 例子。

xAxis.axisPointer.handle.show   |   boolean

[ default: false ]

是否在 xAxis 中显示手柄。

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

xAxis.axisPointer.handle.icon   |   *

得到手柄的图标。

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

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

参见 使用图片的例子

xAxis.axisPointer.handle.size   |   number, Array

[ default: 45 ]

对 xAxis 手柄的尺寸进行设置。

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

xAxis.axisPointer.handle.margin   |   number

[ default: 50 ]

设置手柄与轴之间的距离。

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

xAxis.axisPointer.handle.color   |   string

[ default: '#333' ]

设置手柄显示的颜色。

xAxis.axisPointer.handle.throttle   |   number

[ default: 40 ]

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

xAxis.axisPointer.handle.shadowBlur   |   number

[ default: 3 ]

图形阴影的模糊大小。

该属性可以配合 shadowColor，shadowOffsetX，shadowOffsetY 一起设置图形的阴影效果。

示例：

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

xAxis.axisPointer.handle.shadowColor   |   Color

[ default: #aaa ]

设置阴影的颜色。

xAxis.axisPointer.handle.shadowOffsetX   |   number

[ default: 2 ]

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

xAxis.axisPointer.handle.shadowOffsetY   |   number

[ default: 0 ]

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

文章名称：创新互联ECharts教程：在xAxis的坐标轴指示器中使用拖拽手柄
URL地址：http://www.hantingmc.com/qtweb/news0/265350.html

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

广告

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