echarts只显示最新的十条数据,滚动显示

首先要开启滚动条,datazoom什么的。
然后用三目运算:

这两段有点问题。最终版在后面:

dataZoom: [{
                    type: 'slider',
                    show: true,
                    xAxisIndex: [0],
                    bottom: 22,
                    start: computedPosition(1,data.rownum),
                    height:14,
                    end:100 ,//初始化滚动条
                    realtime:true,
                }],

参考了别人的代码,但是不知道为什么一定要带个1,没有1直接写这个方法不起作用。

//控制显示一部分数据,分情况
function computedPosition(length,xArraylength) {
    if(xArraylength>=10){
        return length <= 10 ? this.start = 70 : this.start = (Math.floor(70 / length * 100));
    }else{
        return 0;//小于十条数据显示全部
    }
}

参考代码:https://blog.csdn.net/dadada_youzi/article/details/101067105

function computedPosition(length,xArraylength) {
    if(xArraylength>=10){
        return length <= 10 ? this.end = 35 : this.end = (100 -   Math.floor(35 / length * 100));
    }else{
        return 100;//小于十条数据显示全部
    }
}

这个是上面那个博主的,是固定在某个位置的。

这是显示最新十条:data.rownum是excel表里的数据行数。

 start: (100-Math.floor(1000/data.rownum)),
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值