此人很懒,什么也没有留下

发帖数 7粉丝 0
    xzswufe青铜二
    2023-4-28 10:37:59 发布在问答
    【可视化】 echarts动画有误
    用echarts画的折线图,只有数据标签有动画,折线图没有,动画效果就是从左到右逐渐显示出来,请问这是什么原因?同样的代码在我自己新建的html文件上显示正常,我用的echarts版本为5.0.0,BI上的版本为5.1.2
    IMG20230428103344.jpg
    1863
    8
    精彩评论8
    yhdata_ruby铂金一
    发表于 2023-4-28 10:56:20 显示全部楼层
    产品使用的什么版本,代码发出来这边试一下呢
    回复

    使用道具 2#

    xzswufe青铜二
    发表于 2023-4-28 11:14:55 显示全部楼层
    var xData=[];
    var data=[];
    var value=100;
    var positive=1;
    for(let i=0; i<100; ++i){
        xData.push(i + '');
        value=Math.round(Math.random() * 50) + value;
        data.push(value);

        if(Math.random() > 0.7){
            positive=-1 * positive;
        }
    }

    var duration=5000;
    option={
        xAxis: {
            data: xData,
        },
        yAxis: {},
        series: [{
            type: 'line',
            data: data,
            label: {show: true},
            animationEasing: 'cubicIn',
        }],
        animationDuration: duration,
        animationDurationUpdate: 50
    };
    回复

    使用道具 3#

    xzswufe青铜二
    发表于 2023-4-28 11:15:42 显示全部楼层
    yhdata_ruby 发表于 2023-4-28 10:56
    产品使用的什么版本,代码发出来这边试一下呢

    var xData=[];
    var data=[];
    var value=100;
    var positive=1;
    for(let i=0; i<100; ++i){
        xData.push(i + '');
        value=Math.round(Math.random() * 50) + value;
        data.push(value);

        if(Math.random() > 0.7){
            positive=-1 * positive;
        }
    }

    var duration=5000;
    option={
        xAxis: {
            data: xData,
        },
        yAxis: {},
        series: [{
            type: 'line',
            data: data,
            label: {show: true},
            animationEasing: 'cubicIn',
        }],
        animationDuration: duration,
        animationDurationUpdate: 50
    };
    回复

    使用道具 4#

    xzswufe青铜二
    发表于 2023-4-28 11:18:49 显示全部楼层
    yhdata_ruby 发表于 2023-4-28 10:56
    产品使用的什么版本,代码发出来这边试一下呢

    版本9.4.1
    回复

    使用道具 5#

    yhdata_ruby铂金一
    发表于 2023-4-28 11:42:40 显示全部楼层

    是折线图没有从左到右逐渐显示是吗,那替换一下版本jar呢
    回复

    使用道具 6#

    xzswufe青铜二
    发表于 2023-4-28 13:32:37 显示全部楼层
    yhdata_ruby 发表于 2023-4-28 11:42
    是折线图没有从左到右逐渐显示是吗,那替换一下版本jar呢

    折线图没有动画效果,一直都存在。因为我这边是租户环境,没法替换版本jar
    回复

    使用道具 7#

    yhdata_yzm
    发表于 2023-4-28 13:57:34 显示全部楼层
    xzswufe 发表于 2023-4-28 13:32
    折线图没有动画效果,一直都存在。因为我这边是租户环境,没法替换版本jar ...

    确认下动画效果就是点从左到右逐渐显示对吗
    回复

    使用道具 8#

    xzswufe青铜二
    发表于 2023-4-28 14:00:54 显示全部楼层
    yhdata_yzm 发表于 2023-4-28 13:57
    确认下动画效果就是点从左到右逐渐显示对吗

    是的,就是折线一直都存在,然后数据标签label从左到右依次显示的
    回复

    使用道具 9#

    高级模式
    您需要登录后才可以回帖 登录 | 免费注册

    • 官方微信

      欢迎关注永洪服务号!收费为0,价值无限

      扫码关注
    • 新浪微博

      让每位用户轻松挖掘数据价值!

      访问新浪微博
    • 智能客服
    1500W

    用户等你来哦

    Copyright   ©2012-2025  北京永洪商智科技有限公司  (京ICP备12050607) 京公网安备110110802011451号 |《永洪社区协议》
    返回顶部