Javascript Highcharts映射从geojson向下钻取映射

Javascript Highcharts映射从geojson向下钻取映射,javascript,highcharts,Javascript,Highcharts,我需要能够将美国的地图渲染为各州的地图,然后单击某个州,将该州的县划分显示为各州的地图。我正在使用找到的基本演示。我对此进行了扩展,遇到了一个问题,即数据没有呈现choropleth(即,所有区域都有空值)。geojson的来源是一个内部ESRI服务,它使用完整的fips代码作为区域标识符,数据包含一个“Maparea”属性,然后我在joinBy子句中使用该属性: joinBy: ['fips', 'Maparea'] 数据会从数据源(REST调用)中动态地回调,但这似乎不是导致此问题的原因,

我需要能够将美国的地图渲染为各州的地图,然后单击某个州,将该州的县划分显示为各州的地图。我正在使用找到的基本演示。我对此进行了扩展,遇到了一个问题,即数据没有呈现choropleth(即,所有区域都有空值)。geojson的来源是一个内部ESRI服务,它使用完整的fips代码作为区域标识符,数据包含一个“Maparea”属性,然后我在
joinBy
子句中使用该属性:

joinBy: ['fips', 'Maparea']
数据会从数据源(REST调用)中动态地回调,但这似乎不是导致此问题的原因,因为即使使用硬编码数据也会发生此问题

如果我只显示州或县,这就行了。如果我添加了向下钻取功能,我会丢失向下钻取系列的信息,然后向上钻取会产生一个有趣的工件,国家地图上现在显示的是我点击的州的县,而不是州的“形状”。因此,我有两个问题:

  • 向下钻取不会产生choropleth
  • 向上钻取生成损坏的映射
我用CT作为状态创建了一个简单的演示。点击它,它应该在CT和choropleth中呈现县。往上钻应该回到州地图。演示。代码(减去测试数据):


请注意,在官方演示中,
chart.map
更新不存在-此行为会更改钻取功能的工作方式

尝试将地图分配给深入数据系列,如下所示:

mapData: Highcharts.geojson(countyMap),
演示:


这是您想要实现的输出吗?

就是这样。我用
mapData尝试了另一个变体:countyMap
,但没有包括
Highcharts.geojson
方法。
mapData: Highcharts.geojson(countyMap),