永洪社区

标题: echarts动画有误 [打印本页]

---

作者: xzswufe    时间: 2023-4-28 10:37
标题: echarts动画有误
用echarts画的折线图，只有数据标签有动画，折线图没有，动画效果就是从左到右逐渐显示出来，请问这是什么原因？同样的代码在我自己新建的html文件上显示正常，我用的echarts版本为5.0.0，BI上的版本为5.1.2

---

作者: yhdata_ruby    时间: 2023-4-28 10:56
产品使用的什么版本，代码发出来这边试一下呢

---

作者: xzswufe    时间: 2023-4-28 11:14
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

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

yhdata_ruby 发表于 2023-4-28 10:56
产品使用的什么版本，代码发出来这边试一下呢

版本9.4.1

---

作者: yhdata_ruby    时间: 2023-4-28 11:42

xzswufe 发表于 2023-4-28 11:18
版本9.4.1

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

---

作者: xzswufe    时间: 2023-4-28 13:32

yhdata_ruby 发表于 2023-4-28 11:42
是折线图没有从左到右逐渐显示是吗，那替换一下版本jar呢

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

---

作者: yhdata_yzm    时间: 2023-4-28 13:57

xzswufe 发表于 2023-4-28 13:32
折线图没有动画效果，一直都存在。因为我这边是租户环境，没法替换版本jar ...

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

---

作者: xzswufe    时间: 2023-4-28 14:00

yhdata_yzm 发表于 2023-4-28 13:57
确认下动画效果就是点从左到右逐渐显示对吗

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

---

欢迎光临 永洪社区 (http://club.yonghongtech.com/)

Powered by Discuz! X3.4