echarts横坐标缩放dataZoom，左右拖动时显示个数固定

Question

问题描述

从接口中返回的横坐标有很多，左右拖动时显示个数固定，参考了几个，都没实现链接中的效果，对比了dataZoom,应该是改哪个属性呢？

问题出现的环境背景及自己尝试过哪些方法

https://echarts.baidu.com/exa...
https://blog.csdn.net/medivhq...
https://echarts.baidu.com/exa...

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
dataZoom: [

    {
      show: true,
      realtime: true,
      start: 10,
      end: 15,
      zoomLock: true,
      xAxisIndex: 0 // 对比echarts的demo如果是[0, 1]就会报错
    }

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

我刚好有和你差不多的需求，我这是默认显示最后面6条数据，应该对你有用

// 想显示成几条那么就把6改成几就可以了，dataAxis是横坐标的长度
var start = 101-Math.floor((6/dataAxis.length)*100) 
// 如果想显示正序排列的6个，将datazoom中的start设置为0，end设置为该值
var end = Math.floor((6/dataAxis.length)*100) - 2
 dataZoom: [
         {
            type: 'slider',
            start: start,
            end:100
        },
        {
            type: 'inside'
        },
    ],