Question

echarts实现数据区域缩放

Answer 1

在实际项目中经常会碰到 数据量大，数据区域广 时数据显示问题。而在交互组件中dataZoom可以帮我们实现对数据区域的缩放
以下是dataZoom的属性

我们可以通过一个例子来分析数据缩放
1.data有三个属性[m,n,k]
m代表x轴 n代表y轴 k代表样本大小（可以通过半径直观反映）
2.dataZoom数据窗口范围设置（两种方式 百分比与起始结束数值）
start: 30, //数据窗口范围的起始百分比,表示30%
end: 70, //数据窗口范围的结束百分比,表示70%
startValue:10, //数据窗口范围的起始数值
endValue:100, //数据窗口范围的结束数值。
3.slide.left 为滑动组件里容器左侧距离
可以是相对容器的百分比，也可以是left center right对齐。
4.xAxis x轴，yAxis y轴

slider

x：filter y：empty

x：filter y：filter

x：empty y：empty

x：none y：none

将y轴数据设置为NaN