在处理Highmap时根据区域覆盖范围显示某种数据。我能够用气泡图类型创建地图,但我面临一个主要问题,对齐!每个气泡都与它所属的区域/路径对齐;基本上我有两个系列s1: {id, z, path}
s2: {id, z, path}
,其中这些系列是joinedBy: id
字段。我认为Highmaps根据路径的宽度和高度计算中心,从而将一些气泡放置在另一个区域。有没有什么办法可以通过设置每个路径的左/上偏移来解决这个问题,因为路径是不规则的,可能有不同的形状?
请参阅附图和此jsfiddle:http://jsfiddle.net/ycsp27cL/14/
灰色气泡:由Highmaps创建的实际气泡 红色气泡:预期的气泡区域
答案 0 :(得分:1)
可以添加:
properties: {
"hc-middle-x":0.5,
"hc-middle-y":0.8
},
到数据点,这样你就可以建立中心的位置,稍后在Highcharts中使用。比例从0到1,其中0最左/上,1是x / y路径的最右/下位置。
JSFiddle:http://jsfiddle.net/ycsp27cL/15/