2014-03-06 99 views
0

如圖所示,我有這樣的要求,即在單個系列上對齊柱形圖和氣泡圖。但是當我這樣做時,圖表的列大小會有小的不匹配。任何機構都知道直接解決方案或解決此問題的方法?幫助將不勝感激。Highcharts:如何在同一系列中垂直對齊柱形圖和氣泡圖

image: <code>http://i.imgur.com/4twx0EF</code>

+0

即興猜測,你y軸的大小不同。頂部是在100年代(三個數字),底部是在10年代(兩個數字)。如果您需要更多幫助,請展示一些代碼或更好地在jsFiddle中重現問題... – Mark

+0

Hi Mark,如您所說Y值將會不同,但兩個圖表的X軸值和範圍完全相同。氣泡大小可以通過一個因子進行調整。在這裏找到樣品小提琴。 http://jsfiddle.net/aravindal/UkS74/ – aravindaM

+0

y軸縮放本身不應該有任何效果,儘管爲標籤創建的左邊距將會 - 明確地爲每個圖表設置左邊距。除此之外,這是一個間距如何佈置列的問題。有些玩弄minPadding和maxPadding設置可能會得到你所需要的......? – jlbriggs

回答

0

而不是使用失散的圖表,你可以使用單有兩個Y軸窗格。

series:[{ 
    type:'column', 
    data:[2,3,5,8,15,12,7,4] 
}, { 
    yAxis:1, 
    type:'bubble', 
    data:[2,3,5,8,15,12,7,4] 
}] 

編輯: http://jsfiddle.net/fQ69x/4/

+0

我會嘗試這種方法。感謝 – aravindaM

+0

@ Sebastian,我已經嘗試作爲你的榜樣,並能夠生成一定的擴展圖表。我需要在兩個圖表中顯示兩種不同的工具提示,但是當我將工具提示選項放在一系列下時,它沒有格式化,頂部和高度參數之間的確切關係是什麼。 – aravindaM

+0

@aravindaM看到我更新的小提琴。 –