Highcharts 3.0气泡图 - 控制气泡尺寸

时间:2013-03-29 15:15:37

标签: highcharts bubble-chart

使用Highcharts 3.0可以创建类型为“bubble”的图表,而在3.0之前,有必要使用“散点图”并修改标记大小来制作气泡图。旧方法的好处是你可以完全控制每个气泡的可见像素半径 - 新的气泡图自动调整气泡的大小,使它们相对于彼此的大小。 有没有办法关闭此行为或手动设置气泡半径?

2 个答案:

答案 0 :(得分:10)

我很难看到气泡图相对于彼此的大小没有任何用处。

但是,您应该能够使用minSize和maxSize选项以您需要的方式控制它们:

bubble: {
                minSize:2,
                maxSize:50
         }

{{编辑: 实际上,我也没有在文档中看到它们。但是你可以在这里看到一个例子:http://jsfiddle.net/fXzke/13/使用数字作为像素值,或使用具有图表高度百分比的字符串 }}

答案 1 :(得分:10)

我发现在系列中添加一个“空”气泡有助于保持图表中所有气泡的大小相互之间:

name: '',
data: [{x:0,y:0,z:0}], 
showInLegend: false, 
color: 'transparent', 
enableMouseTracking: false

以下是JSFiddle的一个示例:http://jsfiddle.net/9bebT/2/。图例,颜色和鼠标跟踪变量均有助于将项目保留在系列中,但对用户不可见。如果您只是删除空气泡或将其可见性设置为“false”,则图表不会将空气泡的z轴(直径)注册为minSize。