优化DataZoom组件,增加双指缩放

This commit is contained in:
monitor1394
2019-10-09 02:37:05 +08:00
parent fcd63fc525
commit 9aafbe5d22
10 changed files with 353 additions and 180 deletions

View File

@@ -150,29 +150,26 @@
---
区域缩放组件。用于区域缩放,从而能自由关注细节的数据信息,或者概览数据整体,或者去除离群点的影响。
区域缩放组件。用于区域缩放,从而能自由关注细节的数据信息,或者概览数据整体,或者去除离群点的影响。
目前只支持控制 `X` 轴。
相关参数:
* `show`:是否显示缩放区域。
* `type`:区域缩放类型:
* `Inside`内置于坐标系中,使用户可以在坐标系上通过鼠标拖拽、鼠标滚轮、手指滑动(触屏上)来缩放或漫游坐标系
* `Slider`:有单独的滑动条,用户在滑动条上进行缩放或漫游。
* `filterMode`:数据过滤类型:
* `Filter`:当前数据窗口外的数据,被 过滤掉。即 会 影响其他轴的数据范围。每个数据项,只要有一个维度在数据窗口,整个数据项会被过滤掉。
* `WeakFilter`:当前数据窗口外的数据,被 过滤掉。即 会 影响其他轴的数据范围。每个数据项,只有当全部维度都在数据窗口同侧外部,整个数据项才会被过滤掉。
* `Empty`:当前数据窗口外的数据,被 设置为空。即 不会 影响其他轴的数据范围。
* `None`:不过滤数据,只改变数轴范围。
* `orient`:布局方式是横还是竖。
* `Horizonal`:水平。
* `Vertical`:垂直。
* `xAxisIndex`:控制哪一个 `x` 轴。
* `yAxisIndex`:控制哪一个 `y` 轴。
* `enable`:开启或关闭缩放区域功能
* `supportInside`:是否支持内置缩放。内置于坐标系中,可在坐标系上通过鼠标拖拽、鼠标滚轮、手指滑动(触屏上)来缩放或漫游坐标系。
* `supportSlider`是否支持滑动条缩放。有单独的滑动条,可在滑动条上进行缩放或漫游。
* ~~`filterMode`:数据过滤,暂未启用。支持以下几种类型:~~
* ~~`Filter`:当前数据窗口外的数据,被 过滤掉。即 会 影响其他轴的数据范围。每个数据项,只要有一个维度在数据窗口外,整个数据项就会被过滤掉。~~
* ~~`WeakFilter`:当前数据窗口外的数据,被 过滤掉。即 会 影响其他轴的数据范围。每个数据项,只有当全部维度在数据窗口同侧外部,整个数据项会被过滤掉。~~
* ~~`Empty`:当前数据窗口外的数据,被 设置为空。即 会 影响其他轴的数据范围。~~
* ~~`None`:不过滤数据,只改变数轴范围。~~
* ~~`xAxisIndex`:控制哪一个 `x` 轴。~~
* ~~`yAxisIndex`:控制哪一个 `y` 轴。~~
* `showDataShadow`:是否显示数据阴影。数据阴影可以简单地反应数据走势。
* `showDetail`:是否显示 `detail`,即拖拽时候显示详细数值信息。
* `zoomLock`:是否锁定选择区域(或叫做数据窗口)的大小。如果设置为 `true` 则锁定选择区域的大小,也就是说,只能平移,不能缩放。
* `realtime`:拖动时,是否实时更新系列的视图。如果设置为 `false`,则只在拖拽结束的时候更新。
* `backgroundColor`:组件的背景颜色。
* ~~`realtime`:拖动时,是否实时更新系列的视图。如果设置为 `false`,则只在拖拽结束的时候更新。~~
* ~~`backgroundColor`:组件的背景颜色。~~
* `bottom`:组件离容器下侧的距离。
* `height`:组件高度。
* `rangeMode`:取值类型是取绝对值还是百分比。
@@ -180,6 +177,8 @@
* `start`数据窗口范围的起始百分比。范围是0 ~ 100。
* `end`数据窗口范围的结束百分比。范围是0 ~ 100。
* `scrollSensitivity`:缩放区域组件的敏感度。值越高每次缩放所代表的数据越多。
* `fontSize`:字体大小。
* `fontStyle`:字体样式。
## `Grid`