You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2020/02/18 17:30:21 UTC

[GitHub] [incubator-echarts] klausb opened a new issue #12167: How to avoid wiggling animation for real-time time series charts?

klausb opened a new issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167
 
 
   ### Version
   4.4.0
   
   ### Steps to reproduce
   In our use of echarts I'm facing the behavior shown on this page: https://bost.ocks.org/mike/path/.
   In older posts the solution was to use addData, but this does no longer exist. We use setOption.
   
   We use the series.data array, with tuples of x/y values.
   
   Is there a suggested way of changing the series data to avoid the wiggling effect?
   
   ### What is expected?
   More a shifting of the time series to the left
   
   ### What is actually happening?
   Animation like in https://bost.ocks.org/mike/path/.
   
   <!-- This issue is generated by echarts-issue-helper. DO NOT REMOVE -->
   <!-- This issue is in English. DO NOT REMOVE -->

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] 100pah edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
100pah edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-596135880
 
 
   @klausb I am also not able to reproduce that.
   
   Could you try this: https://gallery.echartsjs.com/editor.html?c=xxM_2zmYh&v=5
   Watch whether the "wiggling" still happen.
   (this link modified `addData` a little).
   
   If it still happen, could we have more info like: browser, OS to get a more similar environment to reproduce it

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez removed a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez removed a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-589229380
 
 
   This example I made should show you the issue: https://gallery.echartsjs.com/editor.html?c=x6WGc3uDy&v=2
   
   Chris Lopez
   Serious Integrated
   chris.lopez@seriousintegrated.com<ma...@seriousintegrated.com>
   
   ________________________________
   From: klausb <no...@github.com>
   Sent: Thursday, February 20, 2020 5:10:28 AM
   To: apache/incubator-echarts <in...@noreply.github.com>
   Cc: Chris Lopez <ch...@seriousintegrated.com>; Mention <me...@noreply.github.com>
   Subject: Re: [apache/incubator-echarts] How to avoid wiggling animation for real-time time series charts? (#12167)
   
   
   @Serious-ChrisLopez<https://github.com/Serious-ChrisLopez> can you provide a full example?
   I tried modifying this https://echarts.apache.org/examples/en/editor.html?c=doc-example/tutorial-dynamic-data, but failed. Even this example shows the wiggling effect
   
   —
   You are receiving this because you were mentioned.
   Reply to this email directly, view it on GitHub<https://github.com/apache/incubator-echarts/issues/12167?email_source=notifications&email_token=AGID4JK5J7KM3DDHVDITBV3RDZXLJA5CNFSM4KXJB522YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEMNUJZI#issuecomment-588989669>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AGID4JPT5A3YB342GH4WGMTRDZXLJANCNFSM4KXJB52Q>.
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-588989669
 
 
   @Serious-ChrisLopez can you provide a full example?
   I tried modifying this https://echarts.apache.org/examples/en/editor.html?c=doc-example/tutorial-dynamic-data, but failed. Even this example shows the wiggling effect, after a few seconds

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-589709628
 
 
   @Ovilia Please check this example: https://echarts.apache.org/examples/en/editor.html?c=doc-example/tutorial-dynamic-data
   Wait about 10 seconds and you see that the chart is no longer just shifting left but also show the strage animation effect of the curve

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Ovilia commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Ovilia commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-591832138
 
 
   @klausb What do you mean by "the strage animation effect of the curve"? Is it the left-most data?

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] echarts-bot[bot] commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-587579804
 
 
   Hi! We've received your issue and please be patient to get responded. 🎉
   The average response time is expected to be within one day for weekdays.
   
   In the meanwhile, please make sure that **you have posted enough image to demo your request**. You may also check out the [API](http://echarts.apache.org/api.html) and [chart option](http://echarts.apache.org/option.html) to get the answer.
   
   If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical questions.
   
   If you are interested in the project, you may also subscribe our [mail list](https://echarts.apache.org/en/maillist.html).
   
   Have a nice day! 🍵

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-587814579
 
 
   For me to fix that issue I had to make sure that the data I pushed had an object with { name: curTime, value: [someValue] }. 
   
   For example:
   ` let dataTimestamp = 1582058229; // unix/epoch time
     let dataValue = Math.random() * 1000; // number between 0 and 1000
     chartData.push({
       name: new Date().toString(),
       value: [dataTimestamp, dataValue]
     });
     Chart.setOption({
       series: chartData
     });`
   
   However, I am not sure why it works this way. Hopefully, someone can answer that for 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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-591842278
 
 
   @Ovilia , please ignore the examples from @Serious-ChrisLopez. Just look at this:
   https://echarts.apache.org/examples/en/editor.html?c=doc-example/tutorial-dynamic-data
   With strange effect I mean, that the graph is not just shifting left, it also shows animation of the line itself, like in this example: https://bost.ocks.org/mike/path/
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-587814579
 
 
   For me to fix that issue I had to make sure that the data I pushed had an object with { name: curTime, value: [someValue] }. 
   
   For example:
   <pre> 
     let dataTimestamp = 1582058229; // unix/epoch time
     let dataValue = Math.random() * 1000; // number between 0 and 1000
   
     chartData.push({
       name: new Date().toString(),
       value: [dataTimestamp, dataValue]
     });
   
     Chart.setOption({
       series: chartData
     });</pre>
   
   However, I am not sure why it works this way. Hopefully, someone in this community can answer why just giving the series an array makes the line wiggle and why giving it this object schema seem to fix that issue.

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-587814579
 
 
   For me to fix that issue I had to make sure that the data I pushed had an object with { name: curTime, value: [someValue] }. 
   
   For example:
   <pre> let dataTimestamp = 1582058229; // unix/epoch time
     let dataValue = Math.random() * 1000; // number between 0 and 1000
     chartData.push({
       name: new Date().toString(),
       value: [dataTimestamp, dataValue]
     });
     Chart.setOption({
       series: chartData
     });</pre>
   
   However, I am not sure why it works this way. Hopefully, someone can answer that for 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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-589411316
 
 
   Here is another example but with deep cloning the data object first: https://gallery.echartsjs.com/editor.html?c=x6WGc3uDy&v=4
   
   I have it so that every other update I push two times rather than just once. When pushing once, the data is drawn correctly, when pushing twice it’s drawn incorrectly.
   
   Chris Lopez
   Serious Integrated
   chris.lopez@seriousintegrated.com<ma...@seriousintegrated.com>
   
   From: Chris Lopez<ma...@seriousintegrated.com>
   Sent: Thursday, February 20, 2020 3:20 PM
   To: apache/incubator-echarts<ma...@reply.github.com>; apache/incubator-echarts<ma...@noreply.github.com>
   Cc: Mention<ma...@noreply.github.com>
   Subject: RE: [apache/incubator-echarts] How to avoid wiggling animation for real-time time series charts? (#12167)
   
   Here’s a video I made with from the following example:
   Demo -  https://gallery.echartsjs.com/editor.html?c=x6WGc3uDy&v=2
   Video - https://www.loom.com/share/fa5396c0a2e74c2f99fdcb9160ed27c3
   
   I think its strange that the points are correct but the lines are drawn incorrectly. Scrubbing the timeline which forces a redraw seems to fix the line issue. Is it something I am doing wrong? The more elements I push the more the lines seem to get out of place. Seems like an issue when drawing the chart/frame. I also tried deep cloning but that didn’t work
   
   Chris Lopez
   Serious Integrated
   chris.lopez@seriousintegrated.com<ma...@seriousintegrated.com>
   
   From: Chris Lopez<ma...@seriousintegrated.com>
   Sent: Thursday, February 20, 2020 11:05 AM
   To: apache/incubator-echarts<ma...@reply.github.com>; apache/incubator-echarts<ma...@noreply.github.com>
   Cc: Mention<ma...@noreply.github.com>
   Subject: RE: [apache/incubator-echarts] How to avoid wiggling animation for real-time time series charts? (#12167)
   
   This example I made should show you the issue: https://gallery.echartsjs.com/editor.html?c=x6WGc3uDy&v=2
   
   Chris Lopez
   Serious Integrated
   chris.lopez@seriousintegrated.com<ma...@seriousintegrated.com>
   
   
   From: klausb <no...@github.com>
   Sent: Thursday, February 20, 2020 5:10:28 AM
   To: apache/incubator-echarts <in...@noreply.github.com>
   Cc: Chris Lopez <ch...@seriousintegrated.com>; Mention <me...@noreply.github.com>
   Subject: Re: [apache/incubator-echarts] How to avoid wiggling animation for real-time time series charts? (#12167)
   
   
   @Serious-ChrisLopez<https://github.com/Serious-ChrisLopez> can you provide a full example?
   I tried modifying this https://echarts.apache.org/examples/en/editor.html?c=doc-example/tutorial-dynamic-data, but failed. Even this example shows the wiggling effect
   
   —
   You are receiving this because you were mentioned.
   Reply to this email directly, view it on GitHub<https://github.com/apache/incubator-echarts/issues/12167?email_source=notifications&email_token=AGID4JK5J7KM3DDHVDITBV3RDZXLJA5CNFSM4KXJB522YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEMNUJZI#issuecomment-588989669>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AGID4JPT5A3YB342GH4WGMTRDZXLJANCNFSM4KXJB52Q>.
   
   
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-588905764
 
 
   Maybe it is working because you are reusing the object on each update. I wonder if that method still works, if you fill up the series with new objects, but the values are the same

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-592502062
 
 
   @Ovilia please try this: https://gallery.echartsjs.com/editor.html?c=xxM_2zmYh&v=2
   Wait a few seconds and see the effect

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-592115164
 
 
   @klausb You should post an example with your code using one of these links: 
   > https://jsfiddle.net/ovilia/n6xc4df3/ or https://gallery.echartsjs.com/editor.html
   
   I can't see the wiggling effect in your example on my browser. What browser are you using? It's working for me on Chrome and Firefox.

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-589229380
 
 
   This example I made should show you the issue: https://gallery.echartsjs.com/editor.html?c=x6WGc3uDy&v=2
   
   Chris Lopez
   Serious Integrated
   chris.lopez@seriousintegrated.com<ma...@seriousintegrated.com>
   
   ________________________________
   From: klausb <no...@github.com>
   Sent: Thursday, February 20, 2020 5:10:28 AM
   To: apache/incubator-echarts <in...@noreply.github.com>
   Cc: Chris Lopez <ch...@seriousintegrated.com>; Mention <me...@noreply.github.com>
   Subject: Re: [apache/incubator-echarts] How to avoid wiggling animation for real-time time series charts? (#12167)
   
   
   @Serious-ChrisLopez<https://github.com/Serious-ChrisLopez> can you provide a full example?
   I tried modifying this https://echarts.apache.org/examples/en/editor.html?c=doc-example/tutorial-dynamic-data, but failed. Even this example shows the wiggling effect
   
   —
   You are receiving this because you were mentioned.
   Reply to this email directly, view it on GitHub<https://github.com/apache/incubator-echarts/issues/12167?email_source=notifications&email_token=AGID4JK5J7KM3DDHVDITBV3RDZXLJA5CNFSM4KXJB522YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEMNUJZI#issuecomment-588989669>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AGID4JPT5A3YB342GH4WGMTRDZXLJANCNFSM4KXJB52Q>.
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-589380792
 
 
   Here’s a video I made with from the following example:
   Demo -  https://gallery.echartsjs.com/editor.html?c=x6WGc3uDy&v=2
   Video - https://www.loom.com/share/fa5396c0a2e74c2f99fdcb9160ed27c3
   
   I think its strange that the points are correct but the lines are drawn incorrectly. Scrubbing the timeline which forces a redraw seems to fix the line issue. Is it something I am doing wrong? The more elements I push the more the lines seem to get out of place. Seems like an issue when drawing the chart/frame. I also tried deep cloning but that didn’t work
   
   Chris Lopez
   Serious Integrated
   chris.lopez@seriousintegrated.com<ma...@seriousintegrated.com>
   
   From: Chris Lopez<ma...@seriousintegrated.com>
   Sent: Thursday, February 20, 2020 11:05 AM
   To: apache/incubator-echarts<ma...@reply.github.com>; apache/incubator-echarts<ma...@noreply.github.com>
   Cc: Mention<ma...@noreply.github.com>
   Subject: RE: [apache/incubator-echarts] How to avoid wiggling animation for real-time time series charts? (#12167)
   
   This example I made should show you the issue: https://gallery.echartsjs.com/editor.html?c=x6WGc3uDy&v=2
   
   Chris Lopez
   Serious Integrated
   chris.lopez@seriousintegrated.com<ma...@seriousintegrated.com>
   
   
   From: klausb <no...@github.com>
   Sent: Thursday, February 20, 2020 5:10:28 AM
   To: apache/incubator-echarts <in...@noreply.github.com>
   Cc: Chris Lopez <ch...@seriousintegrated.com>; Mention <me...@noreply.github.com>
   Subject: Re: [apache/incubator-echarts] How to avoid wiggling animation for real-time time series charts? (#12167)
   
   
   @Serious-ChrisLopez<https://github.com/Serious-ChrisLopez> can you provide a full example?
   I tried modifying this https://echarts.apache.org/examples/en/editor.html?c=doc-example/tutorial-dynamic-data, but failed. Even this example shows the wiggling effect
   
   —
   You are receiving this because you were mentioned.
   Reply to this email directly, view it on GitHub<https://github.com/apache/incubator-echarts/issues/12167?email_source=notifications&email_token=AGID4JK5J7KM3DDHVDITBV3RDZXLJA5CNFSM4KXJB522YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEMNUJZI#issuecomment-588989669>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AGID4JPT5A3YB342GH4WGMTRDZXLJANCNFSM4KXJB52Q>.
   
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-593945502
 
 
   It is not related to smooth. I switched it off and it does it again. See here: https://gallery.echartsjs.com/editor.html?c=xxM_2zmYh&v=4

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Ovilia commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Ovilia commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-592312238
 
 
   I can't see the wiggling effect either. @klausb Maybe you should record a gif?
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-592502062
 
 
   @Ovilia please try this: https://gallery.echartsjs.com/editor.html?c=xxM_2zmYh&v=1
   Wait a few seconds and see the effect

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez removed a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez removed a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-589411316
 
 
   Here is another example but with deep cloning the data object first: https://gallery.echartsjs.com/editor.html?c=x6WGc3uDy&v=4
   
   I have it so that every other update I push two times rather than just once. When pushing once, the data is drawn correctly, when pushing twice it’s drawn incorrectly.
   
   Chris Lopez
   Serious Integrated
   chris.lopez@seriousintegrated.com<ma...@seriousintegrated.com>
   
   From: Chris Lopez<ma...@seriousintegrated.com>
   Sent: Thursday, February 20, 2020 3:20 PM
   To: apache/incubator-echarts<ma...@reply.github.com>; apache/incubator-echarts<ma...@noreply.github.com>
   Cc: Mention<ma...@noreply.github.com>
   Subject: RE: [apache/incubator-echarts] How to avoid wiggling animation for real-time time series charts? (#12167)
   
   Here’s a video I made with from the following example:
   Demo -  https://gallery.echartsjs.com/editor.html?c=x6WGc3uDy&v=2
   Video - https://www.loom.com/share/fa5396c0a2e74c2f99fdcb9160ed27c3
   
   I think its strange that the points are correct but the lines are drawn incorrectly. Scrubbing the timeline which forces a redraw seems to fix the line issue. Is it something I am doing wrong? The more elements I push the more the lines seem to get out of place. Seems like an issue when drawing the chart/frame. I also tried deep cloning but that didn’t work
   
   Chris Lopez
   Serious Integrated
   chris.lopez@seriousintegrated.com<ma...@seriousintegrated.com>
   
   From: Chris Lopez<ma...@seriousintegrated.com>
   Sent: Thursday, February 20, 2020 11:05 AM
   To: apache/incubator-echarts<ma...@reply.github.com>; apache/incubator-echarts<ma...@noreply.github.com>
   Cc: Mention<ma...@noreply.github.com>
   Subject: RE: [apache/incubator-echarts] How to avoid wiggling animation for real-time time series charts? (#12167)
   
   This example I made should show you the issue: https://gallery.echartsjs.com/editor.html?c=x6WGc3uDy&v=2
   
   Chris Lopez
   Serious Integrated
   chris.lopez@seriousintegrated.com<ma...@seriousintegrated.com>
   
   
   From: klausb <no...@github.com>
   Sent: Thursday, February 20, 2020 5:10:28 AM
   To: apache/incubator-echarts <in...@noreply.github.com>
   Cc: Chris Lopez <ch...@seriousintegrated.com>; Mention <me...@noreply.github.com>
   Subject: Re: [apache/incubator-echarts] How to avoid wiggling animation for real-time time series charts? (#12167)
   
   
   @Serious-ChrisLopez<https://github.com/Serious-ChrisLopez> can you provide a full example?
   I tried modifying this https://echarts.apache.org/examples/en/editor.html?c=doc-example/tutorial-dynamic-data, but failed. Even this example shows the wiggling effect
   
   —
   You are receiving this because you were mentioned.
   Reply to this email directly, view it on GitHub<https://github.com/apache/incubator-echarts/issues/12167?email_source=notifications&email_token=AGID4JK5J7KM3DDHVDITBV3RDZXLJA5CNFSM4KXJB522YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEMNUJZI#issuecomment-588989669>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AGID4JPT5A3YB342GH4WGMTRDZXLJANCNFSM4KXJB52Q>.
   
   
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-591842278
 
 
   @Ovilia , please ignore the examples from @Serious-ChrisLopez. Just look at this:
   https://echarts.apache.org/examples/en/editor.html?c=doc-example/tutorial-dynamic-data.
   Make sure you wait a few seconds to see the effect.
   
   With strange effect I mean, that the graph is not just shifting left, it also shows animation of the line itself, like in this example: https://bost.ocks.org/mike/path/
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-593945502
 
 
   It is not related to smooth. I switched it off, but the issue remains. See here: https://gallery.echartsjs.com/editor.html?c=xxM_2zmYh&v=4

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] echarts-bot[bot] commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-589489524
 
 
   @klausb Please provide a demo for the issue either with https://jsfiddle.net/ovilia/n6xc4df3/ or https://gallery.echartsjs.com/editor.html.

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] 100pah commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
100pah commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-596135880
 
 
   @klausb I am also not able to reproduce that.
   Could we have more info like: browser, OS to get a more similar environment to reproduce it

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-592512484
 
 
   I'm adding a GIF movie that shows nicely how the chart changes from a left-shift animation to a different animation, where the values seem to be animated.
   ![wiggle2](https://user-images.githubusercontent.com/209846/75552429-930c1d80-5a36-11ea-8e11-9d9c9b06cc68.gif)
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-589828320
 
 
   > @Serious-ChrisLopez are we referring to the same issue? In your example I see issues at the left end of the chart, but I cannot see the strange animations when the graph shifts left.
   
   @klausb I apologize, I was responding through my emails and didn't realize my messages were being posted to this ticket. I've been talking about my issue for ticket #12164  [(https://github.com/apache/incubator-echarts/issues/12164)](https://github.com/apache/incubator-echarts/issues/12164)

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-602459958
 
 
   @100pah, thanks for your suggestions. This change seems to fix it. 
   Can you provide more insights to the internal logic, that evaluates the time-series and detects an actual shift-left transition? I want to make sure, that the data that we add to the time-series is behaving correctly during the animation.
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-588905764
 
 
   Maybe is it because you are reusing the object on each update. I wonder if that method still works, if you fill up the series with new objects, but the values are the same

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-587814579
 
 
   For me to fix that issue I had to make sure that the data I pushed had an object like this: { name: curTime, value: [someValue] }. 
   
   For example:
   <pre> 
     let dataTimestamp = 1582058229; // unix/epoch time
     let dataValue = Math.random() * 1000; // number between 0 and 1000
   
     chartData.push({
       name: new Date().toString(),
       value: [dataTimestamp, dataValue]
     });
   
     Chart.setOption({
       series: chartData
     });</pre>
   
   However, I am not sure why it works this way. Hopefully, someone in this community can answer why just giving the series an array makes the line wiggle and why giving it this object schema seem to fix that issue.

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-589715538
 
 
   @Serious-ChrisLopez are we referring to the same issue? In your example I see issues at the left end of the chart, but I cannot see the strange animations when the graph shifts left.

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-592610340
 
 
   @klausb I'm wondering if it's a performance issue or a browser setting on your computer. The example you posted also works fine for me. I would try two things: 
   
   1. Increasing the setInterval to a higher timeout
   2. I would try setting animation to false and see if anything changes
   <pre>    
   series: [
           {
               name:'成交',
               type:'line',
               smooth:true,
               symbol: 'none',
               stack: 'a',
               areaStyle: {
                   normal: {}
               },
               data: data,
               animation: false
           }
       ]
   </pre>

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-590210622
 
 
   @Ovilia , demo is available. Please check and remove the missing-demo flag. Thanks!

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] pissang edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
pissang edited a comment on issue #12167:
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-697113079


   It's probably because echarts needs an id to identify each data when doing animation. You can try adding a name property in each item.
   ```js
   this.chart_data.push({ name: '2020-09-01 15:14:18.0', value: ['2020-09-01 15:14:18.0', 2.5] });
   ```
   


----------------------------------------------------------------
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.

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] [incubator-echarts] pissang commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
pissang commented on issue #12167:
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-697113079


   It's probably because echarts needs an id to identify each data when doing animation. You can to try adding a name property in each item.
   ```js
   this.chart_data.push({ name: '2020-09-01 15:14:18.0', value: ['2020-09-01 15:14:18.0', 2.5] });
   ```
   


----------------------------------------------------------------
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.

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] [incubator-echarts] adash-dev commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
adash-dev commented on issue #12167:
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-697138505


   > @adash-dev
   > It's probably because echarts needs an id to identify each data when doing animation. You can try adding a name property in each item.
   > 
   > ```js
   > this.chart_data.push({ name: '2020-09-01 15:14:18.0', value: ['2020-09-01 15:14:18.0', 2.5] });
   > ```
   
   Thank you very much! It really was that. Just add a name to each value and everything runs as I imagined :)
   Here is a modified jsfiddle [https://jsfiddle.net/Clyde256/b2d4juzt/44/](https://jsfiddle.net/Clyde256/b2d4juzt/44/) where everything already works.
   
   Thanks again.


----------------------------------------------------------------
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.

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] [incubator-echarts] pissang commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
pissang commented on issue #12167:
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-697113079


   It's probably because echarts needs an id to identify each data when doing animation. You can to try adding a name property in each item.
   ```js
   this.chart_data.push({ name: '2020-09-01 15:14:18.0', value: ['2020-09-01 15:14:18.0', 2.5] });
   ```
   


----------------------------------------------------------------
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.

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] [incubator-echarts] pissang edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
pissang edited a comment on issue #12167:
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-697113079


   @adash-dev
   It's probably because echarts needs an id to identify each data when doing animation. You can try adding a name property in each item.
   ```js
   this.chart_data.push({ name: '2020-09-01 15:14:18.0', value: ['2020-09-01 15:14:18.0', 2.5] });
   ```
   


----------------------------------------------------------------
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.

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] [incubator-echarts] Serious-ChrisLopez edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-587814579
 
 
   For me to fix that issue I had to make sure that the data I pushed had an object with { name: curTime, value: [someValue] }. 
   
   For example:
   <pre> 
     let dataTimestamp = 1582058229; // unix/epoch time
     let dataValue = Math.random() * 1000; // number between 0 and 1000
     chartData.push({
       name: new Date().toString(),
       value: [dataTimestamp, dataValue]
     });
     Chart.setOption({
       series: chartData
     });</pre>
   
   However, I am not sure why it works this way. Hopefully, someone can answer that for 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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] 100pah edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
100pah edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-596135880
 
 
   @klausb I am also not able to reproduce that.
   
   Could you try this: https://gallery.echartsjs.com/editor.html?c=xxM_2zmYh&v=5
   Watch whether the "wiggling" still happen.
   (this link modified `addData` a little).
   
   If it still happens, could we have more info like: browser, OS to get a more similar environment to reproduce it

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-587814579
 
 
   For me to fix that issue I had to make sure that the data I pushed had an object with { name: curTime, value: [someValue] }. 
   
   For example:
   <pre> 
     let dataTimestamp = 1582058229; // unix/epoch time
     let dataValue = Math.random() * 1000; // number between 0 and 1000
   
     chartData.push({
       name: new Date().toString(),
       value: [dataTimestamp, dataValue]
     });
   
     Chart.setOption({
       series: chartData
     });</pre>
   
   However, I am not sure why it works this way. Hopefully, someone can answer that for 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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
klausb commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-588989669
 
 
   @Serious-ChrisLopez can you provide a full example?
   I tried modifying this https://echarts.apache.org/examples/en/editor.html?c=doc-example/tutorial-dynamic-data, but failed. Even this example shows the wiggling effect

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Serious-ChrisLopez removed a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Serious-ChrisLopez removed a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-589380792
 
 
   Here’s a video I made with from the following example:
   Demo -  https://gallery.echartsjs.com/editor.html?c=x6WGc3uDy&v=2
   Video - https://www.loom.com/share/fa5396c0a2e74c2f99fdcb9160ed27c3
   
   I think its strange that the points are correct but the lines are drawn incorrectly. Scrubbing the timeline which forces a redraw seems to fix the line issue. Is it something I am doing wrong? The more elements I push the more the lines seem to get out of place. Seems like an issue when drawing the chart/frame. I also tried deep cloning but that didn’t work
   
   Chris Lopez
   Serious Integrated
   chris.lopez@seriousintegrated.com<ma...@seriousintegrated.com>
   
   From: Chris Lopez<ma...@seriousintegrated.com>
   Sent: Thursday, February 20, 2020 11:05 AM
   To: apache/incubator-echarts<ma...@reply.github.com>; apache/incubator-echarts<ma...@noreply.github.com>
   Cc: Mention<ma...@noreply.github.com>
   Subject: RE: [apache/incubator-echarts] How to avoid wiggling animation for real-time time series charts? (#12167)
   
   This example I made should show you the issue: https://gallery.echartsjs.com/editor.html?c=x6WGc3uDy&v=2
   
   Chris Lopez
   Serious Integrated
   chris.lopez@seriousintegrated.com<ma...@seriousintegrated.com>
   
   
   From: klausb <no...@github.com>
   Sent: Thursday, February 20, 2020 5:10:28 AM
   To: apache/incubator-echarts <in...@noreply.github.com>
   Cc: Chris Lopez <ch...@seriousintegrated.com>; Mention <me...@noreply.github.com>
   Subject: Re: [apache/incubator-echarts] How to avoid wiggling animation for real-time time series charts? (#12167)
   
   
   @Serious-ChrisLopez<https://github.com/Serious-ChrisLopez> can you provide a full example?
   I tried modifying this https://echarts.apache.org/examples/en/editor.html?c=doc-example/tutorial-dynamic-data, but failed. Even this example shows the wiggling effect
   
   —
   You are receiving this because you were mentioned.
   Reply to this email directly, view it on GitHub<https://github.com/apache/incubator-echarts/issues/12167?email_source=notifications&email_token=AGID4JK5J7KM3DDHVDITBV3RDZXLJA5CNFSM4KXJB522YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEMNUJZI#issuecomment-588989669>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AGID4JPT5A3YB342GH4WGMTRDZXLJANCNFSM4KXJB52Q>.
   
   

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] Ovilia commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
Ovilia commented on issue #12167: How to avoid wiggling animation for real-time time series charts?
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-593068404
 
 
   This is probably cause by `smooth`. You may remove the `smooth: true` and see if it still have this problem. 
   If it's caused by `smooth`, I think this should not be a bug because the curve is calculated to be different based on data.

----------------------------------------------------------------
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.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [incubator-echarts] adash-dev commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
adash-dev commented on issue #12167:
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-696689337


   Hi, I'm sorry to open such an old topic, but I have the same problem. The data is transformed after the update, but I would expect a shift animation. The suggestions here did not help me. Can someone please advise me why it doesn't work for me in jsfiddle as I would expect? Thank you
   
   [jsfiddle example](https://jsfiddle.net/Clyde256/b2d4juzt/37/)


----------------------------------------------------------------
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.

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] [incubator-echarts] adash-dev edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
adash-dev edited a comment on issue #12167:
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-696689337


   Hi, I'm sorry to open such an old topic, but I have the same problem. The data is transformed after the update, but I would expect a shift animation. The suggestions here did not help me. Can someone please advise me why it doesn't work for me in jsfiddle as I would expect? Thank you
   
   [jsfiddle example: https://jsfiddle.net/Clyde256/b2d4juzt/37/](https://jsfiddle.net/Clyde256/b2d4juzt/37/)


----------------------------------------------------------------
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.

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] [incubator-echarts] adash-dev commented on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
adash-dev commented on issue #12167:
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-696689337


   Hi, I'm sorry to open such an old topic, but I have the same problem. The data is transformed after the update, but I would expect a shift animation. The suggestions here did not help me. Can someone please advise me why it doesn't work for me in jsfiddle as I would expect? Thank you
   
   [jsfiddle example](https://jsfiddle.net/Clyde256/b2d4juzt/37/)


----------------------------------------------------------------
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.

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] [incubator-echarts] pissang edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
pissang edited a comment on issue #12167:
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-697113079






----------------------------------------------------------------
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.

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] [incubator-echarts] adash-dev edited a comment on issue #12167: How to avoid wiggling animation for real-time time series charts?

Posted by GitBox <gi...@apache.org>.
adash-dev edited a comment on issue #12167:
URL: https://github.com/apache/incubator-echarts/issues/12167#issuecomment-696689337


   Hi, I'm sorry to open such an old topic, but I have the same problem. The data is transformed after the update, but I would expect a shift animation. The suggestions here did not help me. Can someone please advise me why it doesn't work for me in jsfiddle as I would expect? Thank you
   
   [jsfiddle example: https://jsfiddle.net/Clyde256/b2d4juzt/37/](https://jsfiddle.net/Clyde256/b2d4juzt/37/)


----------------------------------------------------------------
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.

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