echart 固定显示条目数 多余用datazomm控制

1: 问题描述
选用echart展示数据 但是接口吐出的数据是不固定的 有时候可能就几条 有时候会出现一百条 所以为了展示效果我想固定展示一定的条目 比如就能看到5条数据 其余的数据通过datazoom的滚动条拖动来移动到可视范围内. 也就是说每个bar的宽度和间隔都是固定的!

2:代码

xAxis: {
          axisLabel: {
            margin: 10,
            interval: 2,
            rotate: 30
          },
          triggerEvent: true
        },
        dataZoom: [{
          type: 'slider',
          filterMode: 'filter',
          show: true,
          xAxisIndex: [0],
          left: '9%',
          bottom: 0,
          start: 20,
          end: 50 //初始化滚动条
        }]

3:也看了官方的api各种操作组合都试了 还是达不到想要的效果 只有设定固定的start或者end!还有一个思路就是根据数据条数来动态设置 start和end 但是感觉这样又比较繁琐觉得官方应该考虑到我描述的这种情况 所以请大家帮忙看下 谢谢了

阅读 2.8k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题