You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by "minghangben (via GitHub)" <gi...@apache.org> on 2023/06/09 08:42:54 UTC
[GitHub] [echarts] minghangben opened a new issue, #18742: [Bug] animationEasingUpdate is not work
minghangben opened a new issue, #18742:
URL: https://github.com/apache/echarts/issues/18742
### Version
5.4.2
### Link to Minimal Reproduction
https://echarts.apache.org/examples/zh/editor.html?c=dynamic-data2
### Steps to Reproduce
Use the following configuration item in the official editor, the polyline update animation animationEasingUpdate: 'linear' is invalid
`function randomData(i = 0) { value = Math.random() * 99; return { name: now.toString(), value: [Date.now() - i * 1000, Math.round(value)] }; } let data = []; let now = new Date(); let value = Math.random() * 99; for (var i = 0; i < 10; i++) { data.unshift(randomData(i)); } console.log(data); option = { xAxis: { type: 'time', boundaryGap: false, min: 'dataMin', splitLine: { show: false } }, yAxis: { type: 'value', min: 'dataMin', max: 'dataMax', boundaryGap: [0, '100%'], splitLine: { show: false } }, series: [ { id: 'data', type: 'line', clip: false, symbol: 'none', data: data, cursor: 'default', emphasis: { disabled: true }, }, { id: 'point', type: 'effectScatter', coordinateSystem: 'cartesian2d', data: [{ value: [], symbolSize: 10 }], showEffectOn: 'render', rippleEffect: { period: 3, scale: 3, brushType: 'stroke' }, itemStyle: { color: '#000', shadowBlur: 10, shadowColor: '#333' }, tooltip: { show: false }, cursor: 'default', zlevel: 1, } ], animationDurationUpdate: 1000, anima
tionEasingUpdate: 'linear' }; setInterval(function () { const newData = randomData(); data.push(newData); myChart.setOption({ series: [ { id: 'data', data: data, }, { id: 'point', data: [{ value: [newData.value[0], newData.value[1]] }] } ], xAxis: { max: newData.value[0]+1000 }, }); }, 1000);`
### Current Behavior
Use the following configuration item in the official editor, the polyline update animation animationEasingUpdate: 'linear' is invalid
### Expected Behavior
The data with id: 'data and id: 'point' is expected, and the data updates are synchronized to achieve the effect of slow flow of points and lines at the same time
just like this
https://github.com/apache/echarts/assets/127271826/cc470254-0aa7-4c72-84f8-fd9c498236a4
### Environment
```markdown
- OS: mac
- Browser: chrome
- Framework:
```
### Any additional comments?
_No response_
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] minghangben commented on issue #18742: [Bug] animationEasingUpdate is not work
Posted by "minghangben (via GitHub)" <gi...@apache.org>.
minghangben commented on issue #18742:
URL: https://github.com/apache/echarts/issues/18742#issuecomment-1586644862
> > achieve the effect of slow flow of points and lines at the same time
>
> That depends on the data itself and the update frequency. I think ECharts does decent animation - [Demo Code](https://echarts.apache.org/examples/en/editor.html?c=dynamic-data2&theme=dark&code=GYVwdgxgLglg9mABAJwIZgCZwLYBFVSoAUAlIgN4BQiiYcA7ogLy0Cmj-UrRA1HYz0QJW-AJ4kA3NUQA3VABsQrZrIVLEggLIEAFgDo0mHKUQAqRACYADIgC0iAIxWpNZKyghkSKjRphU2KwAXLQMelBwAMpQyDBgAOakADTSNHKKwYgA2qm-Wfx68e4AYiDy8gCarKjIyaH0he6aCFA6JoIOSfWNUJzcJAC6egBWcHFEAOQA9BMkKb6-2q0GcOAYROlKJLkD0gC-UnuU8u6IGASoKlkDUidQ9Spg7Ih9RA4AnO8A7F3vXQDMkmOp2EYhUFgALGZEP8AGxWGzmJwI26nTbKFhLfSGLDYEzmACsKMowDgyEQGxqiBgKmc1MQAB5HAi6TAeDwyD4zhc9AAHEAAZzaOJwnGIJCBRzgvNgCBUXNgUBOIS5NC4AA8oCEJrhRP5sDAIC8LogAGSIAAqMECiAAguqYAKJvt5ogInB5LBeSrcjEYPEishtTAuNgJl1UA6BdrROHcqTkNgCFwg4hQJBZUgiLyagEBZzcjQc2hsAKVMW81krDdC6pyecuI9nq8K6W9PrWECFq53J4s7WaA3WD1XmQeAPENMJhoJ0Qhz1mmBWu1HGOJ1OZ93fPOilBSuUqjV2uvENrN1vEK2BXp0VkHLst13fHtXTQAFqRx0ABTGS9YqdVXx0GtAh4DAEJgAUAVWFyI4aBfaR1XtR0fQWKBRF5TIJlgQI4wWAVeXkEMABk4kyQCaCFBgIKgmCFjgxAEJoURkOjChfQwrD0Tw3wACNVk
wGpRAAcVQb1sisLoJmRABSCYBlfRACKIqBSKeVDuyo-gaPkaDYNdJilP_GBWDYnIFgo2gAiw4pUAAa2UMVw2pDAgk6RBa3QzDtSIp4ePwnQGEiURsH4-QdOgxTBwuEIG1QfTcnIN1OO1AUIGTf9nKmKZWGAYBWGgSJ0qgFNawgIjxMg3TWCi7lCFii4qwU2sBRCsLIhgAAvTIHHc2sQ1YbBolEZUKH45AMH_AB1GAMFaIJ_i6cbJuQABhD0ySCCY3AwCZDIWJNkDstTyInVrQo9EIsgmOg_KSG7hHkrp5FQXjWHCigtIi1h9u7XzWGG0byHoWb5vciANqDCZ4jcVgwGcrysIFD1Zr2hj4OkZrosIN84BwIJyAFQhkC1b4ujh1zkQQg5KGgqAAEk_2QdIiHTaAwIpAtsdQPQhRgYAoFIFw2HoDAVBFPALiF6Q4r5QU2ieUWn2wURVp0GooF59wAHkZTAohAOg2JTKu2skrihrCC6Wa3K6RjavNmLskVjAFI8i9EEO46yI0j2LaycgWKjEIXZvNRWDvAY9jdic9nd7t0cQB9GMlLpet6yQgA).
i think line-chart update did not slow flow, it just covered by unrendered area
when i add: xAxis: { max: new Date(+now + oneDay) }，it can be show out
```
setInterval(function () {
data.shift();
newd = randomData();
data.push(newd);
myChart.setOption({
series: [
{ data: data, id:1, },
{ data: [newd],
markLine: {
data:[{yAxis: newd.value[1]}],
}
}
],
xAxis: { max: new Date(+now + oneDay) }
});
}, 1111);
```
@helgasoft
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] helgasoft commented on issue #18742: [Bug] animationEasingUpdate is not work
Posted by "helgasoft (via GitHub)" <gi...@apache.org>.
helgasoft commented on issue #18742:
URL: https://github.com/apache/echarts/issues/18742#issuecomment-1585085072
> achieve the effect of slow flow of points and lines at the same time
That depends on the data itself and the update frequency.
I think ECharts does decent animation - [Demo Code](https://echarts.apache.org/examples/en/editor.html?c=dynamic-data2&theme=dark&code=GYVwdgxgLglg9mABAJwIZgCZwLYBFVSoAUAlIgN4BQiiYcA7ogLy0Cmj-UrRA1HYz0QJW-AJ4kA3NUQA3VABsQrZrIVLEggLIEAFgDo0mHKUQAqRACYADIgC0iAIxWpNZKyghkSKjRphU2KwAXLQMelBwAMpQyDBgAOakADTSNHKKwYgA2qm-Wfx68e4AYiDy8gCarKjIyaH0he6aCFA6JoIOSfWNUJzcJAC6egBWcHFEAOQA9BMkKb6-2q0GcOAYROlKJLkD0gC-UnuU8u6IGASoKlkDUidQ9Spg7Ih9RA4AnO8A7F3vXQDMkmOp2EYhUFgALGZEP8AGxWGzmJwI26nTbKFhLfSGLDYEzmACsKMowDgyEQGxqiBgKmc1MQAB5HAi6TAeDwyD4zhc9AAHEAAZzaOJwnGIJCBRzgvNgCBUXNgUBOIS5NC4AA8oCEJrhRP5sDAIC8LogAGSIAAqMECiAAguqYAKJvt5ogInB5LBeSrcjEYPEishtTAuNgJl1UA6BdrROHcqTkNgCFwg4hQJBZUgiLyagEBZzcjQc2hsAKVMW81krDdC6pyecuI9nq8K6W9PrWECFq53J4s7WaA3WD1XmQeAPENMJhoJ0Qhz1mmBWu1HGOJ1OZ93fPOilBSuUqjV2uvENrN1vEK2BXp0VkHLst13fHtXTQAFqRx0ABTGS9YqdVXx0GtAh4DAEJgAUAVWFyI4aBfaR1XtR0fQWKBRF5TIJlgQI4wWAVeXkEMABk4kyQCaCFBgIKgmCFjgxAEJoURkOjChfQwrD0Tw3wACNVkwGpRAAcVQb1sisLoJmRABSCYBlfRACKIqBSKeVDuyo-gaPkaDYNdJilP_GBW
DYnIFgo2gAiw4pUAAa2UMVw2pDAgk6RBa3QzDtSIp4ePwnQGEiURsH4-QdOgxTBwuEIG1QfTcnIN1OO1AUIGTf9nKmKZWGAYBWGgSJ0qgFNawgIjxMg3TWCi7lCFii4qwU2sBRCsLIhgAAvTIHHc2sQ1YbBolEZUKH45AMH_AB1GAMFaIJ_i6cbJuQABhD0ySCCY3AwCZDIWJNkDstTyInVrQo9EIsgmOg_KSG7hHkrp5FQXjWHCigtIi1h9u7XzWGG0byHoWb5vciANqDCZ4jcVgwGcrysIFD1Zr2hj4OkZrosIN84BwIJyAFQhkC1b4ujh1zkQQg5KGgqAAEk_2QdIiHTaAwIpAtsdQPQhRgYAoFIFw2HoDAVBFPALiF6Q4r5QU2ieUWn2wURVp0GooF59wAHkZTAohAOg2JTKu2skrihrCC6Wa3K6RjavNmLskVjAFI8i9EEO46yI0j2LaycgWKjEIXZvNRWDvAY9jdic9nd7t0cQB9GMlLpet6yQgA).
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] minghangben commented on issue #18742: [Bug] animationEasingUpdate is not work
Posted by "minghangben (via GitHub)" <gi...@apache.org>.
minghangben commented on issue #18742:
URL: https://github.com/apache/echarts/issues/18742#issuecomment-1584263928
@helgasoft can u help me
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org
[GitHub] [echarts] clark-tan commented on issue #18742: [Bug] animationEasingUpdate is not work
Posted by "clark-tan (via GitHub)" <gi...@apache.org>.
clark-tan commented on issue #18742:
URL: https://github.com/apache/echarts/issues/18742#issuecomment-1639827360
+1
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org