Javascript 如何防止在高图中出现泡沫？

我用海图绘制了一张泡沫图。 其zoomType为“xy”。 当我在绘图时，将气泡缩小。

---

这是一个已经报告的错误。它出现在Highcharts 5.0.7中-因此您可以使用Highcharts 5.0.6来避免它

例如：

作为5.0.7版本的变通方法，可以剪裁气泡组

chart: {
  type: 'bubble',
  plotBorderWidth: 1,
  zoomType: 'xy',
  events: {
    load: function() {
      var chart = this;
      chart.clipBubble = chart.renderer.clipRect({
        x: chart.plotLeft,
        y: chart.plotTop,
        width: chart.plotWidth,
        height: chart.plotHeight
      });
      chart.series[0].data[0].graphic.parentGroup.parentGroup.clip(chart.clipBubble);
    },
    redraw: function() {
      var chart = this;
      chart.clipBubble.attr({
        x: chart.plotLeft,
        y: chart.plotTop,
        width: chart.plotWidth,
        height: chart.plotHeight
      });
    },
  }

---

示例：

这是一个已经报告的bug。它出现在Highcharts 5.0.7中-因此您可以使用Highcharts 5.0.6来避免它

例如：

作为5.0.7版本的变通方法，可以剪裁气泡组

chart: {
  type: 'bubble',
  plotBorderWidth: 1,
  zoomType: 'xy',
  events: {
    load: function() {
      var chart = this;
      chart.clipBubble = chart.renderer.clipRect({
        x: chart.plotLeft,
        y: chart.plotTop,
        width: chart.plotWidth,
        height: chart.plotHeight
      });
      chart.series[0].data[0].graphic.parentGroup.parentGroup.clip(chart.clipBubble);
    },
    redraw: function() {
      var chart = this;
      chart.clipBubble.attr({
        x: chart.plotLeft,
        y: chart.plotTop,
        width: chart.plotWidth,
        height: chart.plotHeight
      });
    },
  }

例如：