mirror of
https://github.com/XCharts-Team/XCharts.git
synced 2026-05-26 10:50:08 +00:00
优化DataZoom组件,增加双指缩放
This commit is contained in:
@@ -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`
|
||||
|
||||
|
||||
Reference in New Issue
Block a user