vue.js - vue-highcharts 动态主明细图示例

我需要使用 Vue 在我的新站点中实现一个主从图表对。该组件由两个主从图表组成，只要其中一个选择在另一个中进行相同的选择，它们就相互链接。

我的要求使这比通常的示例稍微复杂一些，因此最好有一个基本但官方的主详细示例可以使用，例如示例文档中存在的示例：

我看到之前在 HighCharts 论坛的以下线程中已经要求类似（也许我误解了），但提供的最终示例被承认不是“良好实践”代码。

我将继续使用其中的示例来尝试启动并运行某些东西，但想知道是否存在任何东西（使用官方包装器）HighCharts 的优秀人员很乐意作为此图表的最佳实践 Vue 实现类型。

标签： vue.jshighcharts

我的建议是将其实现为一个名为 example 的新组件MasterDetailChart，它将数据作为prop并根据给定数据生成两个图表。我使用 Codesandbox 平台准备了新的演示，所以请看一下。

目前您可以使用该组件，您需要做的一件事就是通过组件道具传递数据。

亲切的问候！