0

私の目的は、API を使用して動的グラフを作成することです: http://api.highcharts.com/highcharts#Series

方法：setData (Array<Mixed> data, [Boolean redraw])

ただし、グラフの更新にいくつか問題があります。

                series: [{
                            name: 'Lunch',
                            data: [49.9, 71.5, 106.4, 129.2, 144.0, 

                                            176.0, 135.6]

                        }, {
                            name: 'Dinner',
                            data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 

                                               105.0]

                        }]
                    });
                });

                    // the button action
                $('#button').click(function() {
                    var chart = $('#container').highcharts();
                    chart.series[0].setData([129.2, 144.0, 176.0, 

                                135.6, 148.5, 216.4, 194.1] );
                });

                    </script>
            </head>
            <body>
                <script src="js/highcharts.js"></script>
                <script src="js/modules/exporting.js"></script>

                <div id="container"
                    style="min-width: 400px; height: 400px; 



                                margin: 0 auto"></div>
                <button id="button">Update the data</button>
            </body>
            </html>

setData (Array<Mixed> data, [Boolean redraw])メソッドを使用する適切な方法を教えてください。

4

1 に答える 1

0

このjsFiddleをチェックして、動的ハイチャートの実装方法を確認してください。関数を使用してloadデータを動的にロードする必要があります。例：

events: {
                load: function() {

                    // set up the updating of the chart each second
                    var series = this.series[0];
                    setInterval(function() {
                        var x = (new Date()).getTime(), // current time
                            y = Math.random();
                        series.addPoint([x, y], true, true);
                    }, 1000);
                }
            }
于 2013-05-07T06:38:43.923 に答える