Highcharts 3.0 Bubble Chart -- Controlling bubble sizes

AlexMA picture AlexMA · Mar 29, 2013 · Viewed 9.8k times · Source

With Highcharts 3.0 it is possible to create charts with type 'bubble', whereas prior to 3.0 it was necessary to use a 'scatter' chart and modify marker size to make bubble charts. The nice thing about the old way is you had complete control over the visible pixel radius of each bubble--the new bubble charts automatically resize the bubbles so they are sized relative to each other. Is there any way to turn off this behavior or set bubble radius manually?

Answer

jlbriggs picture jlbriggs · Mar 29, 2013

I am having a hard time seeing how a bubble chart, where the bubbles are not sized relative to each other, would be of any use.

You should be able to use the minSize and maxSize options, however, to control them the way that you need to:

bubble: {
                minSize:2,
                maxSize:50
         }

{{edit: I don't see them in the docs either, actually. But you can see an example here: http://jsfiddle.net/fXzke/13/ use either number as pixel value, or string with percent of chart height }}