バーグラフとその凡例をハイチャートで再描画せずに更新する方法

Question

スタックバーグラフを再描画せずに更新したいと考えています。データは、AJAXリクエストから得られます。 私のサンプルコードは、唯一のバーがない伝説を更新している。この場合には、ここで私はにsetDataを使用してみましたとだけシリーズを更新しているhttp://jsfiddle.net/my8646oc/47/

$(function() { 
    $('#container').highcharts({ 

     chart: { 
     type: 'bar', 
      animation: { 
       duration: 1000 
      } 
     }, 
     plotOptions: { 
      series: { 
      stacking: 'normal' 
      } 
     }, 
     legend: { 
        symbolHeight: '0', 
        layout: 'horizontal', 
        verticalAlign: 'top', 
        horizontalAlign: 'right', 
        labelFormatter: function() { 
         return '<span>' + this.name + ': ' + this.yData[ 0 ] + '</span>'; 
        }, 

        y: -15, 
        useHTML: true 
       }, 

     xAxis: { 
      categories: [] 
     }, 

     series: [{ 
      data: [29.9], 
      name: 'one' 
     }, 
     {   data: [39.9], 
     name: 'two' 
}] 

    }); 

    var i = 1; 
    $('#update').click(function() { 
     var chart = $('#container').highcharts(); 
     var newData = [{ 
      data: [39.9], 
      name: 'one' 
     }, 
     {   data: [49.9], 
     name: 'two' 
}]; 
     //chart.series[0].update({ 
     // name: "TEST" + i++, 
     // data : 
     //}); 

     var ctr, 
        count, 
        len = chart.series.length, 
        len2 = newData.length; 
       for (ctr = 0; ctr < len; ctr = ctr + 1) { 
        for (count = 0; count < len2; count = count + 1) { 
         if (newData[ count ].name === chart.series[ ctr].name) { 
          chart.series[ ctr ].setData(newData[ count ].data[ 0 ]); 
          delete newData[ count ]; 
          break; 
         } 
        } 
       } 


    }); 
}); 

です。このための任意の適切なソリューション？誰でも？？

Answer 1

highcharts.jsはわかりませんが、データ列を配列として渡すことでグラフが機能します。

chart.series[ ctr ].setData(newData[ count ].data[0]); 

代わりseries.setDataのあなたがseries.updateを（使用したい。このため

chart.series[ ctr ].setData(newData[ count ].data); 

更新のデモ

Demo

Answer 2

への変更）（）。

コード：

chart.series[ ctr ].update({ data: newData[ count ].data[ 0 ] }); 

更新フィドル：この場合

• http://jsfiddle.net/jlbriggs/my8646oc/50/