CODEWITHSUNDEEP
javascriptangularjshighcharts
mrmr68
mrmr68

Reputation: 177

How do I prevent from falling out bubble in highcharts?

I have plotted a chart of bubbles using highcharts. zoomType of That is 'xy'. When I'm zoom bubbles out of the plot. enter image description here

Upvotes: 0

Views: 95

Answers (1)

morganfree
morganfree

Reputation: 12472

It is a bug, already reported here. It appeared in Highcharts 5.0.7 - so you can avoid it by using Highcharts 5.0.6

example: http://jsfiddle.net/b8arLy77/1/

As a workaround for 5.0.7 version, you can clip the bubble group

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

example: http://jsfiddle.net/b8arLy77/

Upvotes: 3

Related Questions