[GitHub] [echarts] eapatel edited a comment on issue #16095: appendData crashed the tab after sometimes in 3d globe.
eapatel edited a comment on issue #16095: URL: https://github.com/apache/echarts/issues/16095#issuecomment-977415394 Thanks for the response @pissang. I also used setOptions to update the data and was accumulating only 100 data. For example, when the length of the series reaches 100 then start deleting the first record (e.g. series.data[0]) and adding new record at the end. However, with this concept, browser freezes since from the beginning. While with appendData, I can at least see browser gets freeze after certain time say for example after half and hour or so and this is because I'm not finding any way to remove old data. So I'm looking for a way to delete the old data so that the browser works smoothly. For example when the length of the series reaches 100 then start deleting the first record (e.g. series.data[0]) and add new record at the end. Is it possible to achieve with appendData? -- 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-unsubscr...@echarts.apache.org For queries about this service, please contact Infrastructure at: us...@infra.apache.org - To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org For additional commands, e-mail: commits-h...@echarts.apache.org
[GitHub] [echarts] eapatel edited a comment on issue #16095: appendData crashed the tab after sometimes in 3d globe.
eapatel edited a comment on issue #16095: URL: https://github.com/apache/echarts/issues/16095#issuecomment-977454238 Below is my code using setOption. echartsInstance: any; option: EChartOption = {}; data: any; constructor() { this.setOption(); this.mySerive.getData().subscribe( res => { if (res) { this.data = res; } }); if(this.echartsInstance) { this.updateSeries(); } } }); } setOptions() { this.option = { legend: { selected: this.selectedLegend, selected: {}, selectedMode: 'multiple', type: 'scroll', orient: 'vertical', right: 23, top: 83, data: [], icon: 'roundRect' }, globe: { globeRadius: 80, ... }, series: [] }; } LinesSeries() { return { type: 'lines3D', name: 'data', data: [ [data.SRCLATLON, data.DSTLATLON] ], ... }; } PointsSeries() { return { type: 'scatter3D', name: 'data', coordinateSystem: 'globe', data: [ { value: [data.SRCLATLON], }, { value: [data.DSTLATLON], } ] ... }; } updateSeries() { if (!this.flag && this.option.series.length > 100) { this.flag = true; } if(this.flag) { this.option.series.splice(0,2); } this.option.series.push(this.LinesSeries(), this.PointsSeries()); this.echartsInstance.setOption({series: this.option.series}); } onChartInit(event: any) { if (this.alive) { this.echartsInstance = event; } } -- 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-unsubscr...@echarts.apache.org For queries about this service, please contact Infrastructure at: us...@infra.apache.org - To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org For additional commands, e-mail: commits-h...@echarts.apache.org
[GitHub] [echarts] eapatel edited a comment on issue #16095: appendData crashed the tab after sometimes in 3d globe.
eapatel edited a comment on issue #16095: URL: https://github.com/apache/echarts/issues/16095#issuecomment-977454238 Below is my code using setOption. ``` ``` ``` echartsInstance: any; option: EChartOption = {}; data: any; ``` ``` constructor() { this.setOption(); this.mySerive.getData().subscribe( res => { if (res) { this.data = res; } }); if(this.echartsInstance) { this.updateSeries(); } } }); } ``` ``` setOptions() { this.option = { legend: { selected: this.selectedLegend, selected: {}, selectedMode: 'multiple', type: 'scroll', orient: 'vertical', right: 23, top: 83, data: [], icon: 'roundRect' }, globe: { globeRadius: 80, ... }, series: [] }; } ``` ``` LinesSeries() { return { type: 'lines3D', name: 'data', data: [ [data.SRCLATLON, data.DSTLATLON] ], ... }; } PointsSeries() { return { type: 'scatter3D', name: 'data', coordinateSystem: 'globe', data: [ { value: [data.SRCLATLON], }, { value: [data.DSTLATLON], } ] ... }; } ``` ``` updateSeries() { if (!this.flag && this.option.series.length > 100) { this.flag = true; } if(this.flag) { this.option.series.splice(0,2); } this.option.series.push(this.LinesSeries(), this.PointsSeries()); this.echartsInstance.setOption({series: this.option.series}); } ``` ``` onChartInit(event: any) { if (this.alive) { this.echartsInstance = event; } } ``` -- 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-unsubscr...@echarts.apache.org For queries about this service, please contact Infrastructure at: us...@infra.apache.org - To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org For additional commands, e-mail: commits-h...@echarts.apache.org
[GitHub] [echarts] eapatel edited a comment on issue #16095: appendData crashed the tab after sometimes in 3d globe.
eapatel edited a comment on issue #16095: URL: https://github.com/apache/echarts/issues/16095#issuecomment-977454238 Below is my code using setOption. ``` ``` ``` echartsInstance: any; option: EChartOption = {}; flag: boolean = false; data: any; ``` ``` constructor() { this.setOption(); this.mySerive.getData().subscribe( res => { if (res) { this.data = res; } }); if(this.echartsInstance) { this.updateSeries(); } } }); } ``` ``` setOptions() { this.option = { legend: { selected: this.selectedLegend, selected: {}, selectedMode: 'multiple', type: 'scroll', orient: 'vertical', right: 23, top: 83, data: [], icon: 'roundRect' }, globe: { globeRadius: 80, ... }, series: [] }; } ``` ``` LinesSeries() { return { type: 'lines3D', name: 'data', data: [ [data.SRCLATLON, data.DSTLATLON] ], ... }; } PointsSeries() { return { type: 'scatter3D', name: 'data', coordinateSystem: 'globe', data: [ { value: [data.SRCLATLON], }, { value: [data.DSTLATLON], } ] ... }; } ``` ``` updateSeries() { if (!this.flag && this.option.series.length > 100) { this.flag = true; } if(this.flag) { this.option.series.splice(0,2); } this.option.series.push(this.LinesSeries(), this.PointsSeries()); this.echartsInstance.setOption({series: this.option.series}); } ``` ``` onChartInit(event: any) { if (this.alive) { this.echartsInstance = event; } } ``` -- 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-unsubscr...@echarts.apache.org For queries about this service, please contact Infrastructure at: us...@infra.apache.org - To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org For additional commands, e-mail: commits-h...@echarts.apache.org
[GitHub] [echarts] eapatel edited a comment on issue #16095: appendData crashed the tab after sometimes in 3d globe.
eapatel edited a comment on issue #16095: URL: https://github.com/apache/echarts/issues/16095#issuecomment-977454238 will try use replaceMerge by upgrading echarts with v5 -- 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-unsubscr...@echarts.apache.org For queries about this service, please contact Infrastructure at: us...@infra.apache.org - To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org For additional commands, e-mail: commits-h...@echarts.apache.org
[GitHub] [echarts] eapatel edited a comment on issue #16095: appendData crashed the tab after sometimes in 3d globe.
eapatel edited a comment on issue #16095: URL: https://github.com/apache/echarts/issues/16095#issuecomment-977454238 will try to use replaceMerge by upgrading echarts with v5 in my project -- 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-unsubscr...@echarts.apache.org For queries about this service, please contact Infrastructure at: us...@infra.apache.org - To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org For additional commands, e-mail: commits-h...@echarts.apache.org
[GitHub] [echarts] eapatel edited a comment on issue #16095: appendData crashed the tab after sometimes in 3d globe.
eapatel edited a comment on issue #16095: URL: https://github.com/apache/echarts/issues/16095#issuecomment-981184109 -- 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-unsubscr...@echarts.apache.org For queries about this service, please contact Infrastructure at: us...@infra.apache.org - To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org For additional commands, e-mail: commits-h...@echarts.apache.org
[GitHub] [echarts] eapatel edited a comment on issue #16095: appendData crashed the tab after sometimes in 3d globe.
eapatel edited a comment on issue #16095: URL: https://github.com/apache/echarts/issues/16095#issuecomment-987465672 Thanks @pissang for the reply. I implemented replaceMerged feature to solve my main issue (to improve the performance of the globe and prevent browser crashes). However. by using replaceMerged ,the browser and globe performance is too slow compared to using the setOption and appendData feature. I think appendData is the best way to handle large amount of data. Can you please help to solve my problem using appendData? Is there a way to remove old data from browser and keep adding new ones using appendData? -- 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-unsubscr...@echarts.apache.org For queries about this service, please contact Infrastructure at: us...@infra.apache.org - To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org For additional commands, e-mail: commits-h...@echarts.apache.org