javascript - Highmaps 标签在不规则路径中居中

Question

在使用 Highmap 时根据区域覆盖范围显示某种数据。我能够使用气泡图类型创建 map ，但我面临一个主要问题，对齐!每个气泡都与其所属的区域/路径对齐；基本上我有两个系列 s1: {id, z, path} s2: {id, z, path} 其中这些系列是 joinedBy: id 领域。我认为 Highmaps 根据路径的宽度和高度计算中心，导致一些气泡被放置在另一个区域。由于路径不规则并且可能具有不同的形状，有什么方法可以通过设置每个路径的左/上偏移来解决此问题？

请引用附图和这个jsfiddle:http://jsfiddle.net/ycsp27cL/14/

灰色气泡:由 Highmaps 创建的实际气泡。
红色气泡:预期气泡区域

Answer 1

可以添加:

    properties: {
        "hc-middle-x":0.5,
        "hc-middle-y":0.8
    },

到数据点，以便您可以确定中心位置，稍后在 Highcharts 中使用。比例范围为 0 到 1，其中 0 是 x/y 路径的最左/顶部位置，1 是最右/底部位置。

JSFiddle:http://jsfiddle.net/ycsp27cL/15/