Javascript Highcharts映射从geojson向下钻取映射
我需要能够将美国的地图渲染为各州的地图,然后单击某个州,将该州的县划分显示为各州的地图。我正在使用找到的基本演示。我对此进行了扩展,遇到了一个问题,即数据没有呈现choropleth(即,所有区域都有空值)。geojson的来源是一个内部ESRI服务,它使用完整的fips代码作为区域标识符,数据包含一个“Maparea”属性,然后我在Javascript Highcharts映射从geojson向下钻取映射,javascript,highcharts,Javascript,Highcharts,我需要能够将美国的地图渲染为各州的地图,然后单击某个州,将该州的县划分显示为各州的地图。我正在使用找到的基本演示。我对此进行了扩展,遇到了一个问题,即数据没有呈现choropleth(即,所有区域都有空值)。geojson的来源是一个内部ESRI服务,它使用完整的fips代码作为区域标识符,数据包含一个“Maparea”属性,然后我在joinBy子句中使用该属性: joinBy: ['fips', 'Maparea'] 数据会从数据源(REST调用)中动态地回调,但这似乎不是导致此问题的原因,
joinBy
子句中使用该属性:
joinBy: ['fips', 'Maparea']
数据会从数据源(REST调用)中动态地回调,但这似乎不是导致此问题的原因,因为即使使用硬编码数据也会发生此问题
如果我只显示州或县,这就行了。如果我添加了向下钻取功能,我会丢失向下钻取系列的信息,然后向上钻取会产生一个有趣的工件,国家地图上现在显示的是我点击的州的县,而不是州的“形状”。因此,我有两个问题:
- 向下钻取不会产生choropleth
- 向上钻取生成损坏的映射
请注意,在官方演示中,
chart.map
更新不存在-此行为会更改钻取功能的工作方式
尝试将地图分配给深入数据系列,如下所示:
mapData: Highcharts.geojson(countyMap),
演示:
这是您想要实现的输出吗?就是这样。我用
mapData尝试了另一个变体:countyMap
,但没有包括Highcharts.geojson
方法。
mapData: Highcharts.geojson(countyMap),