Question

在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）。有可能吗？

Answer 1

是的，请使用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'});

参考：

Demo

如何在HighCharts散点图中动画点从一个位置移动到另一个位置

1 个答案: