HighMaps:在joinBy选项中使用多值mapData标识符

时间:2016-04-29 12:10:29

标签: javascript highcharts highmaps

考虑选择印度geo json地图来创建地图。如果我使用像" region"这样的标识符在joinBy选项中,它是多值的,即许多州具有相同的区域,地图上会显示什么?

http://jsfiddle.net/amrutaJgtp/2r2nfz97/3/

在上面的小提琴中,我将区域称为joinBy

data: data,
mapData: Highcharts.maps['countries/in/in-all'],
joinBy: 'region',
name: 'Random data',

如输出中所示,显示的地图不正确。这是什么原因?用于joinBy选项的标识符是否应该是mapData唯一的(mapData和数据之间的1:1关系)?

2 个答案:

答案 0 :(得分:1)

根据我的分析,您在

中写错了字段
  joinBy : 'region'

应该是

joinBy: 'hc-key'

这是小提琴,检查我为你改变了什么。这对你有用。

jsfiddle.net/2r2nfz97/4/

尝试更新小提琴

答案 1 :(得分:0)

我想说,是的,关系应该在mapData和数据之间,正如你猜测的那样。你可以:

  1. 获取mapData的子部分,该部分仅与您要在地图中显示的区域相关,并添加"区域"变量(我已经为美国部分地区做了这个,我只想展示某些州)。
  2. 尝试修改类似于"类别地图的内容"在Highcharts演示页面中(参见http://www.highcharts.com/maps/demo/category-map)。看起来他们在这里做的是包括不同系列中的国家/州的列表,这些列表构成了不同的地区。
  3. 我希望这些信息对您有所帮助!