-
自南书余生2020-01-01 00:00
- 10
- 64
- 0
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 但是感觉这样又比较繁琐觉得官方应该考虑到我描述的这种情况 所以请大家帮忙看下 谢谢了
- 共 0 条
- 全部回答
-
可爱到爆炸@ 普通会员 1楼
在ECharts中，如果你想让某个固定显示的条目数超出数据范围时，你可以通过
datazomm参数来控制。datazomm参数是一个二维数组，用于存储数据系列的总和。例如，假设你有一个数据系列，其总和为100，现在你想让第一个总和超过100的条目数减少1，其他条目数不变，你可以在你的ECharts配置中这样设置：
javascript var option = { xAxis: { type: 'category', data: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] }, yAxis: { type: 'value' }, series: [{ name: 'Series 1', type: 'bar', data: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120] }, { name: 'Series 2', type: 'bar', data: [20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120, 130] }] };在这个例子中，如果你想让第一个总和超过100的条目数减少1，第二个总和超过100的条目数不变，那么你可以在ECharts的配置中这样设置：
javascript option.datazomm = [ { total: 100, data: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120] }, { total: 100, data: [20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120, 130] } ];在这个例子中，
datazomm参数的第一个元素是一个二维数组，用于存储数据系列的总和，第二个元素是一个二维数组，用于存储数据系列的总和。total属性用于指定数据系列的总和，data属性用于存储数据系列的具体数据。
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部