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。これはパラメータとしてポイントオプションを受け入れるので、値
を渡すことができます。xy

次のコードを見てください。

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

アニメーションオプションで3番目のパラメータとしてオブジェクトを渡します。参照セクションでオプションを確認できます。

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

参照：

デモ

于 2013-03-06T19:58:04.567 に答える