warryy opened a new issue #15288:
URL: https://github.com/apache/echarts/issues/15288


   ### Version
   https://cdn.jsdelivr.net/npm/echarts@4/dist/echarts.min.js?_v_=1611323308745
   
   ### Reproduction link
   
[https://echarts.apache.org/v4/examples/en/editor.html?c=dynamic-data2](https://echarts.apache.org/v4/examples/en/editor.html?c=dynamic-data2)
   
   ### Steps to reproduce
   copy code: 
   
   function randomData() {
       now = new Date( now   oneDay);
       value = value   Math.random() * 21 - 10;
       return {
           name: now.toString(),
           value: [
               [now.getFullYear(), now.getMonth()   1, now.getDate()].join('/'),
               Math.round(value)
           ]
       };
   }
   
   var data = [];
   var now =  new Date(1997, 9, 3);
   var oneDay = 24 * 3600 * 1000;
   var value = Math.random() * 1000;
   for (var i = 0; i < 1000; i  ) {
       data.push(randomData());
   }
   
   option = {
       title: {
           text: '动态数据   时间坐标轴'
       },
       tooltip: {
           trigger: 'axis',
           formatter: function (params) {
               params = params[0];
               var date = new Date(params.name);
               return date.getDate()   '/'   (date.getMonth()   1)   '/'   
date.getFullYear()   ' : '   params.value[1];
           },
           axisPointer: {
               animation: false
           }
       },
       xAxis: {
           type: 'time',
           splitLine: {
               show: false
           }
       },
       yAxis: {
           type: 'value',
           boundaryGap: [0, '100%'],
           splitLine: {
               show: false
           }
       },
       series: [{
           name: '模拟数据',
           type: 'line',
           showSymbol: false,
           hoverAnimation: false,
           data: data
       }]
   };
   
   setInterval(function () {
   
       for (var i = 0; i < 5; i  ) {
           data.shift();
           data.push(randomData());
       }
   
       myChart.setOption({
           series: [{
               data: data
           }]
       });
   }, 1000);
   
   quickly drug zoom bar
   
   ### What is expected?
   display normally
   
   ### What is actually happening?
   line map messed
   
   ---
   Screenshot link: https://z3.ax1x.com/2021/07/04/RfkDHO.png
   
   <!-- 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.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]



---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to