1

在 HighCharts 散点图中，我想使用平滑动画将一个点从其位置移动到另一个位置。例如，在以下代码（jfiddle链接）中定义的散点图中：

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container'
            },
            xAxis: {
                min: -0.5,
                max: 5.5
            },
            yAxis: {
                min: 0
            },
            title: {
                text: 'Scatter plot with regression line'
            },
            series: [{
                type: 'scatter',
                name: 'Observations',
                data: [[1, 1.5], [2.8, 3.5], [3.9, 4.2]],
                marker: {
                    radius: 4
                }
            }]
        });
    });

});

我想将第一个点从 (1,1.5) 移动到 (2,2)。可能吗？

4

1 回答 1

5

是的，使用point.update.
这接受点选项作为参数，因此您可以传递x和y值。

看看下面的代码：

chart.series[0].points[0].update({x: 2, y: 2});

将对象作为动画选项的第三个参数传递，您可以在参考部分看到选项。

chart.series[0].points[0].update({x: 2, y: 2}, true, {duration: 500, easing: 'linear'});

参考：

演示

于 2013-03-06T19:58:04.567 回答