我复制了一个HighCharts演示,该演示在用户点击http://www.highcharts.com/maps/demo/rich-info的地图后显示图表,并尝试修改它以单独更新图表中的每个点,以便很好地制作动画。< / p>
以下代码根据点击的国家/地区更新我的系列数据,或者如果用户点击了转移以选择多个国家/地区,则会添加一系列数据:
$.each(points, function (i) {
if (countryChart.series[i]) {
countryChart.series[i].update({
name: this.name,
data: countries[this.name].data,
}, false, true);
$.each(countryChart.series[i].data, function (j, point) {
point.update(countries[countryChart.series[i].name].data[j], false);
});
} else {
countryChart.addSeries({
name: this.name,
data: countries[this.name].data,
}, false, true);
}
});
不幸的是,图表没有动画,它跳进了视图。我想根据http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/point-update-column/
单独更新每个点来设置动画取代:
countryChart.series[i].update({
name: this.name,
data: countries[this.name].data,
}, false, true);
我正在尝试:
$.each(countryChart.series[i].data, function (j, point) {
point.update(countries[countryChart.series[i].name].data[j], false);
});
但是在point.update行上找不到未定义属性'data'的错误。