Highcharts-Vue包装器是否支持“仪表”和“热图”图表类型?

时间:2019-09-13 11:13:02

标签: vue.js highcharts

https://github.com/highcharts/highcharts-vue

我在演示中没有看到这些示例,文档中也没有提及。我想知道这是不可能的,还是因为它们更复杂的性质而无法进行演示。

我还需要使用Charts appendData 原型来实时制作折线图。使用包装器可以吗?我被文档中的以下内容所吸引,但不确定它是否直接相关;

  

如有必要,您可以访问Chart对象实例(例如,在需要时)   以获取一些数据或使用任何Chart.prototype函数),方法是调用   特定的Vue组件实例图表字段,但不支持   使用其内置功能更新图表

1 个答案:

答案 0 :(得分:1)

实际上,highcharts-vue软件包支持Highcharts中包含的所有官方模块,因此不必使用Vue包装器从演示站点生成每个演示。我为您专门制作了gaugeheatmap系列的示例,因此请仔细阅读。

  

我还需要使用Charts appendData原型来实时制作折线图。使用包装器可以做到这一点吗?

某个组件正在监视所提供的图表配置的更改,因此,如果您要更新数据(例如,通过将新的点推入series.data),则highcharts-vue将对其进行检测,并自动更新图表。这是最推荐的实施方式。当然,如果您想使用某些ChartSeries原型函数,则可以这样做,但是请注意,这会导致图表数据与组件中定义的数据不一致。只需访问Chart object reference部分中所述的图表参考即可。

实时示例: https://codesandbox.io/s/vue-template-uqu1p(仪表), https://codesandbox.io/s/vue-template-8z2f5(热图)