https://github.com/highcharts/highcharts-vue
我在演示中没有看到这些示例,文档中也没有提及。我想知道这是不可能的,还是因为它们更复杂的性质而无法进行演示。
我还需要使用Charts appendData 原型来实时制作折线图。使用包装器可以吗?我被文档中的以下内容所吸引,但不确定它是否直接相关;
如有必要,您可以访问Chart对象实例(例如,在需要时) 以获取一些数据或使用任何Chart.prototype函数),方法是调用 特定的Vue组件实例图表字段,但不支持 使用其内置功能更新图表
答案 0 :(得分:1)
实际上,highcharts-vue
软件包支持Highcharts中包含的所有官方模块,因此不必使用Vue包装器从演示站点生成每个演示。我为您专门制作了gauge
和heatmap
系列的示例,因此请仔细阅读。
我还需要使用Charts appendData原型来实时制作折线图。使用包装器可以做到这一点吗?
某个组件正在监视所提供的图表配置的更改,因此,如果您要更新数据(例如,通过将新的点推入series.data
),则highcharts-vue
将对其进行检测,并自动更新图表。这是最推荐的实施方式。当然,如果您想使用某些Chart
或Series
原型函数,则可以这样做,但是请注意,这会导致图表数据与组件中定义的数据不一致。只需访问Chart object reference部分中所述的图表参考即可。
实时示例: https://codesandbox.io/s/vue-template-uqu1p(仪表), https://codesandbox.io/s/vue-template-8z2f5(热图)