xzswufe玄铁一
2023-4-28 10:37:59 发布在问答
【可视化】 echarts动画有误
用echarts画的折线图,只有数据标签有动画,折线图没有,动画效果就是从左到右逐渐显示出来,请问这是什么原因?同样的代码在我自己新建的html文件上显示正常,我用的echarts版本为5.0.0,BI上的版本为5.1.2
IMG20230428103344.jpg
1917
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号 |《永洪社区协议》
返回顶部