Dictionary Highcharts(Highcharts Vue)使用基于Geojson几何体的地图向下展开无法显示

Dictionary Highcharts(Highcharts Vue)使用基于Geojson几何体的地图向下展开无法显示,dictionary,highcharts,drilldown,Dictionary,Highcharts,Drilldown,我已经用Highcharts Vue实现了该方法,但我的地图(从Highcharts集合加载,带有“@Highcharts/map collection/countries/us/us all.geo.json”的import stateMap语句)将所有状态形状作为几何体元素而不是路径 此外,如果我从statemap功能加载序列数据,Highcharts将不会在属性中查找;我必须修改属性以包含drilldown=true和value=#然后从我的features.map()调用返回该值 此时,

我已经用Highcharts Vue实现了该方法,但我的地图(从Highcharts集合加载,带有“@Highcharts/map collection/countries/us/us all.geo.json”的
import stateMap
语句)将所有状态形状作为几何体元素而不是路径

此外,如果我从statemap功能加载序列数据,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();

...
让myChart=this.$refs.chart.chart;
myChart.redraw();
我的直觉是,向下钻取事件处理程序也“隐藏”在底层对象中,因此,如果要连接导线,需要在对象的$refs版本而不是Highcharts Vue级别进行连接

另一方面,这可能就是为什么不同的部分不能正常工作或不能按预期工作的原因:在Highchart Vue层中,贴图/图表等都是“静态”的。您必须提前完成所有操作,比如导入所有地图,而不是动态加载它们。一旦启动mounted(),组件就不会像文档和fiddle示例所描述的那样被动


总之,这与路径与几何体对象无关。希望这能节省一些时间。

您能解释一下“将所有状态形状作为几何图元而不是路径”的含义吗?我不太明白你的问题,你能详细描述一下吗?在网上讨论可能会方便得多support@highcharts.com,因为这个线程可能很复杂,不是吗?如果我将mounted(){console.log(this.options.series[0].data);}添加到链接的fiddle中,每个元素都以{drilldown:true,name:,path:,…}开头。Path是一种我不熟悉的格式,但似乎是平面投影到屏幕上的地图坐标的简化表示。但是,当我加载地图时:从“@highcharts/map collection/countries/us/us all.geo.json”导入usMap;和console.log(usMap),我的元素具有几何体lat/lon坐标,而不是路径元素。