找文章 / 找答案
  • 发帖数7
  • 粉丝0

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

    精选问答 更多内容

    [可视化] echarts动画有误

    xzswufe青铜二 来自手机 显示全部楼层 发表于 2023-4-28 10:37:59 |阅读模式 打印 上一主题 下一主题
    30
    未解决

    【可视化】 echarts动画有误

    • xzswufe青铜二
    • 2023-04-28 10:37:59
    • 发布在 论坛
    1504 8
    用echarts画的折线图,只有数据标签有动画,折线图没有,动画效果就是从左到右逐渐显示出来,请问这是什么原因?同样的代码在我自己新建的html文件上显示正常,我用的echarts版本为5.0.0,BI上的版本为5.1.2
    IMG20230428103344.jpg
    回复

    使用道具 举报

    精彩评论8

    yhdata_ruby铂金一 显示全部楼层 发表于 2023-4-28 10:56:20
    产品使用的什么版本,代码发出来这边试一下呢
    回复

    使用道具 举报

    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
    };
    回复

    使用道具 举报

    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
    };
    回复

    使用道具 举报

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

    版本9.4.1
    回复

    使用道具 举报

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

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

    使用道具 举报

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

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

    使用道具 举报

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

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

    使用道具 举报

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

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

    使用道具 举报

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

    • 官方微信

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

      扫码关注
    • 新浪微博

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

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

    会员等你来哦

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