如何与国家代码一起解析 HighMaps（Map Bubble）中的字符串？

Question

我正在构建一个简单的应用程序，来自不同国家的人们 select 他们的国家和职业。我将它上传到 Firebase，然后在 HighMaps 中将其可视化。

我使用的是 here 中的示例，但我希望我的应用显示该位置人们的不同职业，而不是人口数量。

这是默认数据格式：

joinBy: ['iso-a2', 'code'],
data: [{"code":"AL","z":500}],

我试着解析这样的东西：

joinBy: ['iso-a2', 'code'],
data: [{"code":"AL","occupation":"teacher"}],

整个地图都坏了，什么也没有显示。

但是是否可以在那里解析字符串或者 Highmaps 不允许这样做？

Answer 1

您必须将系列更新为

series: [{
  name: 'Countries',
  color: '#E0E0E0',
  enableMouseTracking: false
}, {
  type: 'mapbubble',
  name: 'Population 2013',
  joinBy: ['iso-a2', 'code'],
  data: [{
    "code": "AF",
    "z": 30552,
    "occupation":"teacher"
  }, {
    "code": "AL",
    "z": 2897,
    "occupation":"teacher"
  }, {
    "code": "DZ",
    "z": 39208,
    "occupation":"teacher"
  }],
  minSize: 4,
  maxSize: '12%',
  tooltip: {
    pointFormat: '{point.code}: {point.z} thousands<br>Occupation:{point.occupation}'
  }
}]

此处您必须将工具提示更新为

tooltip: {
    pointFormat: '{point.code}: {point.z} thousands<br>Occupation:{point.occupation}'
  }

其中point.occupation表示占用数据对象{ "code": "AF","z": 30552,"occupation":"teacher" },

Fiddle 演示

如何与国家代码一起解析 HighMaps（Map Bubble）中的字符串？

How to parse a string in HighMaps (Map Bubble) alongside country code?

javascript

highcharts

highmaps