Highcharts在VueJS/Vuex中添加新数据点

我想使用highcharts显示一组初始数据，然后每两秒钟添加一个新的数据点。 我正在订阅一个外部WebSocket服务，该服务最初向我提供数据，然后每两秒钟向我发送一个新值

我正在使用Highcharts中的事件选项尝试从vuex存储中获取数据。这是我的密码

chart:{
                  type: 'spline',
                  animation: '',
                  events: {
                    load: function () {

                      // set up the updating of the chart each second
                      var series = this.series[0];
                      setInterval(function () {

                        series.addPoint([this.$store.getters.getTickEpoch, this.$store.getters.getTickQuote], true, true);
                      }.bind(this), 1000);
                    }.bind(this)
                  }
                }

问题是，如果我没有将.bind（此）添加到我的函数中，我将看不到vuex存储，但是当我添加.bind（此）时，var series=this.series[0]；不再有效

---

如何使用vuex数据实时更新图表？

答案是使用插件。这解决了我所有的问题，并允许我通过以下简单的示例快速设置实时图表。

从[post]（）中获得想法。

Highcharts。charts

是页面上所有图表的数组。如果页面上只有一个图表，则需要的系列是

Highcharts.charts[0]。系列[0]

。@Dmitry works提出的解决方案：

chart

变量在

load

事件触发时仍未定义，但图表已保存在

Highcharts.charts

数组中。您在哪里看到使用vue.Highcharts或某些文档的示例？