2013-03-29 79 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

我的歉意;我只是重讀你最初的問題,並意識到我確實錯過了這一點。 > _ < –