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

【问题标题】：Does the Highcharts-Vue wrapper support 'gauge' and 'heatmap' chart types?Highcharts-Vue 包装器是否支持“仪表”和“热图”图表类型？
【发布时间】：2019-09-13 11:13:02
【问题描述】：

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

我在演示中没有看到这些示例，文档中也没有提到任何内容。我想知道这是否根本不可能，或者只是因为它们更复杂的性质而没有进行演示。

我还需要使用 Charts appendData 原型来实时制作折线图。这可以使用包装器吗？我被文档中的以下内容抛出，但不确定它是否直接相关；

如有必要，您可以访问 Chart 对象实例（例如，在需要时）获取一些数据或使用任何 Chart.prototype 函数），通过调用特定的 Vue 组件实例图表字段，但不支持使用其内置函数更新图表

【问题讨论】：

标签： vue.js highcharts

【解决方案1】：

确实，highcharts-vue 包支持 Highcharts 中包含的所有官方模块，因此无需使用 Vue 包装器从演示站点生成每个演示。我特地为您制作了gauge和heatmapseries的例子，请大家看看。

我还需要使用 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（热图）

【讨论】：

哇！这非常有帮助。感谢@daniel_s 的努力。
享受包装 ;)
嘿@daniel_s，因为我需要从一个 ajax 响应更新两个图表，所以我无法让您的示例以优雅的方式为我工作。我设法使用以下示例使其工作，其中对图表的引用用于更新。你觉得这样做而不是使用回调函数有什么问题吗？ codesandbox.io/s/jjyqvv0k13
它也应该可以正常工作，因为组件数据中没有保存任何图表数据。您只是使用 AJAX 下载数据并更新图表，因此不会影响其他任何内容。