HIGHCHARTS Areaspline動的データグラフの結果が悪い

Question

動的エリアグラフグラフを作成しようとしています。しかし、グラフが奇妙な方法で示す結果です。何の邪魔もせずにシリーズを得るという考えはありますか？ここでhttp://jsfiddle.net/mchc59nb/1/

chart: { 
        type: 'areaspline', 
        animation: Highcharts.svg, // don't animate in old IE 
        marginRight: 10, 
        events: { 
         load: function() { 

          // set up the updating of the chart each second 
          var series = this.series[0]; 
          setInterval(function() { 
           var x = (new Date()).getTime(), // current time 
            y = Math.random(); 
           series.addPoint([x, y], true, true); 
          }, 1000); 
         } 
        } 
       }, 

series: [{ 
       name: 'Random data', 
       type: 'areaspline', 
       data: (function() { 
        // generate an array of random data 
        var data = [], 
         time = (new Date()).getTime(), 
         i; 

        for (i = -19; i <= 0; i += 1) { 
         data.push({ 
          x: time + i * 1000, 
          y: Math.random() 
         }); 
        } 
        return data; 
       }()) 
      }] 

Answer 1

は再びバグのように聞こえる私の例です。あなたが見るものは、移行の途中のスプライン計算に関連しています。シリーズタイプとして「スプライン」または「エリア」を使用するだけで、今のところアニメーションをオフにすると、より良い結果が得られます。