如何防止高图中的气泡掉落?

时间:2017-01-25 06:12:03

标签: javascript angularjs highcharts

我使用highcharts绘制了气泡图。 zoomType of那是'xy'。 当我将气泡缩小出情节时。 enter image description here

1 个答案:

答案 0 :(得分:3)

这是一个已经报告here的错误。它出现在Highcharts 5.0.7中 - 所以你可以通过使用Highcharts 5.0.6

来避免它

示例:http://jsfiddle.net/b8arLy77/1/

作为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
      });
    },
  }

示例:http://jsfiddle.net/b8arLy77/