带有基于Geojson几何的地图的HighchartsHighcharts-Vue细分无法显示

问题描述

我已经用Highcharts-Vue实现了http://jsfiddle.net/maxsinev/h9x3kpn5/3/方法，但是我的地图（通过import stateMap from '@highcharts/map-collection/countries/us/us-all.geo.json'语句从Highcharts集合加载）具有作为Geometry元素而不是Path的所有状态形状。

此外，如果我从状态图功能加载系列数据，Highcharts将不会查找属性；我必须修改属性，以包括drilldown = true和value =＃，然后从我的features.map（）调用返回该结果。

在这一点上，我不确定Highcharts-Vue包装器，正在加载的地图是否存在问题，或者图表本身是否有设置会有所帮助。我还必须将chartOptions.chart.map设置为stateMap（上面引用的示例没有这样做），否则没有地图显示。

解决方法

TBH，我没有解决方案，但我想我知道为什么向下钻取功能不起作用。

我正在使用Highcharts-Vue包装器，该包装器可以很好地使Highcharts在Vue生态系统中发挥良好的作用，但不会公开底层对象的函数调用。这样，例如，如果您想重绘地图，则必须经过$ refs才能到达基础对象，然后调用重绘，例如：

<highcharts :options="chartOptions" :constructor-type="'mapChart'" ref="chart" />

...

let myChart = this.$refs.chart.chart;

myChart.redraw();

我的直觉是，向下钻取事件处理程序也“隐藏”在基础对象中，因此，如果要连接电线，则需要在对象的$ refs版本而不是Highcharts-Vue级别进行连接

顺便说一句，这也许就是为什么各种作品要么不起作用，要么就没有按预期起作用的原因：地图/图表/等。在Highchart-Vue层中更“静态”。必须先做所有事情，例如导入所有地图，而不是动态加载它们。一旦mount（）被触发，该组件就不会像文档和小提琴示例所描述的那样反应灵敏。

总而言之，这与“路径”与“几何”对象无关。希望这可以节省一些时间。