angular - highchart 地图：mapbubble 为同一国家/地区的气泡系列设置自定义 x、y 坐标

Question

我正在开发一个 highchart mapbubble 项目，我正在绘制 2 个不同的系列，其中包含相同国家/地区的数据，如下图所示。问题是两者的气泡在标记部分中相互重叠。我尝试更改一个系列的 x,y 位置值，但它不起作用。mapbubble 是否有任何特殊属性将有助于实现这一目标。请帮忙！！我正在使用 angular 6 和 highcharts 6。

提前致谢。

标签： angulartypescripthighcharts

Answer 1

您可以使用attr方法设置重新定位气泡，例如：

events: {
  load: function() {
    var point = this.series[2].points[0];

    point.graphic.attr({
      translateX: 20
    });
  }
}

---

现场演示： https ://jsfiddle.net/BlackLabel/fobekgrx/

API参考：

https://api.highcharts.com/highmaps/chart.events.load

https://api.highcharts.com/class-reference/Highcharts.SVGElement#attr