[GitHub] [incubator-echarts] lr1739 opened a new issue #10200: 大数据量折线图性能问题

[GitBox <gi...@apache.org>]

lr1739 opened a new issue #10200: 大数据量折线图性能问题
URL: https://github.com/apache/incubator-echarts/issues/10200
 
 
   ### Version
   4.2.1
   
   ### Steps to reproduce
   var dataLength=10000;
   var _xPoints = new Array(dataLength);
   var first = 88;
   for (var i = 0; i < dataLength; i  ) {
   	_xPoints[i] = (first   0.025 * i).toFixed(3);
   }
   option = {
       animation:false,
       xAxis: {
           type: 'category',
           data: _xPoints
       },
       yAxis: {
           type: 'value',
           min:0,
           max:100
       },
       series: [{
           data: [],
           type: 'line'
       }]
   };
   function getRandomData(){
   	var data=[];
   	for (var i = 0; i < dataLength; i  ) {
   		data.push(Math.floor(Math.random()*90));
   	}
   	return data;
   }
   setInterval(function(){
       myChart.setOption({series:[{
                   data: getRandomData()
               }]})
   },500)
   
   ### What is expected?
   大数据量折线图能够流畅绘制
   
   ### What is actually happening?
   卡顿
   
   ---
   动态更新折线图，折线最多能达到10多万个点。
   在1万个点以上的时候，动态更新的时候就已经开始不流畅。
   在数据量很大的情况下能否使用webgl对2D图形的绘制进行加速，highcharts就有类似的实现
   
   <!-- This issue is generated by echarts-issue-helper. 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: dev-unsubscribe@echarts.apache.org
For additional commands, e-mail: dev-help@echarts.apache.org