Question

我想用动态生成的数据更新条形图，而无需重新绘制整个图形。 My sample Code is here

myname@compname:~/root/app/pages$ cp -r dir1/ dir3/ && cp -r dir2/ dir3/
myname@compname:~/root/app/pages$ rm -r dir1 && rm -r dir2
myname@compname:~/root/app/pages$ cd dir3 && ls

如果系列中的数据是动态出现的，那么如何增加或减少条形宽度或特定条形图的向上/向下计数。此外，如果另一个栏加起来或新数据中没有现有栏。

Answer 1

添加以下

  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);
                }

这会每秒增加点数，但您可以更改间隔或通风口本身来说明点击事件。

所以如果你需要进一步说明，那么highcharts有一个你可以检查的演示：

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/dynamic-update/

如何更新Highcharts中的条形图而不重新绘制

1 个答案: