通过更新单个点来动画化HighChart

时间:2015-05-04 07:51:52

标签: jquery highcharts

我复制了一个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'的错误。

0 个答案:

没有答案