Highcharts欄のチャートで単一カテゴリのデータを更新する

Question

1つのカテゴリで4つの値を持つ縦棒グラフを使用しようとしています。グラフの初期レンダリングは正常に動作します。ただし、series [0] .setData（）メソッドを使用してデータを更新すると、単一のカテゴリを更新するのではなく、4つのカテゴリが作成されます。ここで

は、私は私がここで間違ってやっているかを把握することができませんjsfiddle link

$(function() { 
    var chart; 
    $(document).ready(function() { 
    chart = Highcharts.chart('container', { 
     chart: { 
     type: 'column' 
     }, 
     title: { 
     text: 'Packet Summary Stats' 
     }, 
     subtitle: { 
     text: 'Source: ABC' 
     }, 
     xAxis: { 
     categories: [ 
      'Packet Summary' 
     ], 
     crosshair: true 
     }, 
     yAxis: { 
     min: 0, 
     title: { 
      text: 'Packet Count' 
     } 
     }, 
     tooltip: { 
     headerFormat: '<span style="font-size:10px">{point.key}</span><table>', 
     pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + '<td style="padding:0"><b>{point.y}</b></td></tr>', 
     footerFormat: '</table>', 
     shared: true, 
     useHTML: true 
     }, 
     plotOptions: { 
     column: { 
      pointPadding: 0.2, 
      borderWidth: 1 
     } 
     }, 
     series: [{ 
     "data": [100], 
     "name": "Rx" 
     }, { 
     "data": [90], 
     "name": "Tx" 
     }, { 
     "data": [10], 
     "name": "Dropped" 
     }, { 
     "data": [10], 
     "name": "No Match" 
     }] 
    }); 
    }); 

    $('#button').click(function() { 
    chart.series[0].setData([ 
     [200], 
     [180], 
     [20], 
     [20] 
    ]); 
    }); 
}); 

です。どんな助けもありがとうございます。

おかげ

Answer 1

あなたは* Deep3015 *により、以下の答えに、実際の説明として

Fiddle

$('#button').click(function() { 
    chart.series[0].setData(
     [200] 
    ); 
    chart.series[1].setData(
     [180] 
    ); 
    chart.series[2].setData(
     [20] 
    ); 
    chart.series[3].setData(
     [20] 
    ); 
    });