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

Question

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

请参考附图和这个jsfiddle：http://jsfiddle.net/ycsp27cL/14/

Gray Bubble：Highmaps 创建的实际气泡。
红色气泡：预期的气泡区域

Answer 1

可以添加：

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

到数据点，以便您可以确定中心的位置，稍后在 Highcharts 中使用。比例从 0 到 1，其中 0 是 left/top 最 left/top，1 是 x/y.

路径的最 right/bottom 位置

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

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

Highmaps label centering in irregular path

javascript

svg

bubble-chart

highcharts

highmaps