[GitHub] [echarts] eapatel edited a comment on issue #16095: appendData crashed the tab after sometimes in 3d globe.

2021-11-23 Thread GitBox 


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.

2021-11-23 Thread GitBox 


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.

2021-11-23 Thread GitBox 


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.

2021-11-23 Thread GitBox 


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.

2021-11-24 Thread GitBox 


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.

2021-11-24 Thread GitBox 


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.

2021-11-28 Thread GitBox 


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.

2021-12-06 Thread GitBox 


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