2013-03-29 81 views
7

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

+0

你为什么不继续使用散点图? – PeerBr

+0

@PeerBr我会的,但靠近图表边缘的大标记会倾向于溢出图表的边界,而使用气泡图表时,标记会自动为您控制。请参阅http://stackoverflow.com/questions/15535932/highcharts-prevent-large-marker-from-overflowing-axes-my-bubbles-are-escapin – AlexMA

回答

9

我很难看到气泡图不是相对于彼此的大小,如何使用它。

您应该能够使用minSize属性和MAXSIZE选项,但是,控制他们,你需要的方式来:

bubble: { 
       minSize:2, 
       maxSize:50 
     } 

{{编辑: 我不认为他们会在文档或者,实际上。但你可以在这里看到一个例子:http://jsfiddle.net/fXzke/13/兼用数量的像素值,或者用图表高度 }}的百分比字符串

+0

我会手动保持相对的大小,但要控制宽度*以像素*为单位。另外,我无法在文档(api.highcharts.com)中找到这些选项。我试图使用泡沫作为plotOptions的一个属性,并没有发生任何事情。 – AlexMA

+0

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

+0

请注意,这种行为似乎并不稳定。我已经从Highcharts得到错误,只是将minSize更改为不同的数字(请参阅http://jsfiddle.net/FbUwQ/)。我的建议是等待将其添加到文档中。 – AlexMA

10

我发现,添加一个“空”泡到一系列有助于保持所有气泡的大小该图表相对于彼此:

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

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

+0

虽然不是直接的答案,但它是有用的和恰当的,但是,谢谢。 – AlexMA

+0

我的歉意;我只是重读你最初的问题,并意识到我确实错过了这一点。 > _ < –