ECharts 区域缩放组件使用详解

dataZoom

说明：区域缩放组件，用于区域缩放，从而能自由关注细节的数据信息，或者概览数据整体，或者去除离群点的影响。

1 toolbox.show

说明：是否显示区域缩放组件。如果设置为 false，不会显示，但是数据过滤的功能还存在。

默认值：true。

参数类型：boolean。

可选值：

        （1）true，显示区域缩放组件。

        （2）false，隐藏组区域缩放件。

2 dataZoom.type

说明：组件类型。

默认值：'slider'。

参数类型：string。

可选值：

        （1）'slider'，滑动条型数据区域缩放组件，有单独的滑动条，用户在滑动条上进行缩放或漫游。

        （2）'inside'，内置型数据区域缩放组件，内置于坐标系中，使用户可以在坐标系上通过鼠标拖拽、鼠标滚轮、手指滑动（触屏上）来缩放或漫游坐标系。

实例：

ECharts 使用dataZoom.type给柱形图x坐标轴加滚动条

3 dataZoom.start

说明：数据窗口范围的起始百分比。范围是：0 ~ 100。表示 0% ~ 100%。

默认值：0。

参数类型：number。

3 dataZoom.end

说明：数据窗口范围的结束百分比。范围是：0 ~ 100。表示 0% ~ 100%。

默认值：100。

参数类型：number。