以不规则路径为中心的Highmaps标签

时间:2015-11-13 13:15:21

标签: javascript svg highcharts bubble-chart highmaps

在处理Highmap时根据区域覆盖范围显示某种数据。我能够用气泡图类型创建地图,但我面临一个主要问题,对齐!每个气泡都与它所属的区域/路径对齐;基本上我有两个系列s1: {id, z, path} s2: {id, z, path},其中这些系列是joinedBy: id字段。我认为Highmaps根据路径的宽度和高度计算中心,从而将一些气泡放置在另一个区域。有没有什么办法可以通过设置每个路径的左/上偏移来解决这个问题,因为路径是不规则的,可能有不同的形状?

请参阅附图和此jsfiddle:http://jsfiddle.net/ycsp27cL/14/ Gray Bubble: actual bubbles created by Highmaps.  Red Bubble: the expected bubble area

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

1 个答案:

答案 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/