setDataを使用してHighMapsのJSONデータセットを切り替えるにはどうすればよいですか？

Question

私は、getJSONを使ってデータを取り込んだハイマップを持っています。私が達成したいのは、2つ以上のデータセットを切り替えることができるボタン（またはドロップダウン）です。

この質問はさまざまな方法で（たとえばthis oneなど）尋ねられました。回答を読むと、私は何をする必要があるのか​​という一般的な考えがあると思いますが、私はまだまだ固執しています。 FWIW私は仲間のために何かを作ろうとしているだけの完全な初心者なので、私の過ちは基本的なものでも構いません。

私はそれを動作させることができることを自分自身で証明するために、一度クリックすれば、単にsetDataを使用して2番目のデータセットに切り替えるボタンを実装しようとしました。マップが正しく表示されていて、両方のJSONファイルがロードされていることがわかっているので、スイッチを動作させることができません。ここで

はフルで私の試みです：http://jsfiddle.net/osc9m3e7/4/

そして、私は確信している部分は何とか間違っています：

$('#setdata').click(function() { 
Highcharts.mapChart.series[0].setData(data1); 
}); 

私は右のトラックに私を得るために任意のヒントをいただければと思います。

Answer 1

。データオブジェクトはコピーされずに直接使用されるため、変更されます。特定のオブジェクトをコピーするには、たとえばslice()の機能を使用できます。以下は、データセットの切り替えが必要な場合の例を示しています。

APIリファレンス：
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

例：
http://jsfiddle.net/4ub0z408/

Answer 2

コメントはewoldenによって回答されました。私の問題は、私はグラフに名前をつけていないので、setDataを使ってそれを操作することができないということでした。作業の例では、今ここにある：国の国境では、新しいデータを設定するたびに厚くなっているかあなたはおそらく気づいているhttp://jsfiddle.net/osc9m3e7/7/

var AccessMap = Highcharts.mapChart('container', { 
... 
$('#setdata').click(function() { 
AccessMap.series[0].setData(data2); 
});