echarts 滚动视图设置

3 min read
dataZoom: [
      {
        type: 'inside', // 内置在坐标系中
        start:0, // 数据窗口范围的起始百分比。范围是:0 ~ 100。表示 0% ~ 100%。
        end:20, // 数据窗口范围的结束百分比。范围是:0 ~ 100。
        startValue: 0, // 数据窗口范围的起始数值。如果设置了 dataZoom-inside.start 则 startValue 失效。
        endValue: 7, // 数据窗口范围的结束数值。如果设置了 dataZoom-inside.end 则 endValue 失效。
        zoomLock: true, // 是否锁定选择区域(或叫做数据窗口)的大小。
      }

  1. start、end和startValue、endVlaue二选一,不要同时使用,可根据实际场景进行选择
  2. 将zoomlock设置为 true ,让其只能平移,不能缩放。