javascript - 如何使用 setData 在 HighMaps 中的 JSON 数据集之间切换？

Question

我有一个 Highmap，其中填充了使用 getJSON 获取的数据。我想要实现的是有一个按钮(或下拉菜单)，允许我在两个或多个数据集之间切换。

我已经看到这个问题以不同的方式被问过几次(例如 this one )，并且阅读了答案，我认为我对需要做什么有了一个大概的了解，但我仍然陷入困境。 FWIW，我是一个完全的新手，只是想让一些东西为我的同事工作，所以我的错误可能是根本性的，也可能只是语法问题。

现在，为了向自己证明我可以让它工作，我尝试实现一个按钮，一旦单击该按钮，只需使用 setData 切换到第二个数据集。虽然 map 显示正确，并且我知道两个 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/