2012-12-23 53 views
4

是否可以通過使用jqPlot將氣泡圖和線圖結合在同一張圖表中?jqPlot結合了氣泡圖和線圖

基於對combined line and bar w/ jqplot的討論中,我創建了包含佈雷積和酒吧積這裏的jsfiddle:http://jsfiddle.net/85K6K/6/

我不能去酒吧情節轉換成線圖。這個怎麼做 ?

我試過(改變,拆除)渲染但情節去hayway

這是我怎麼設置系​​列:

var plot2 = $.jqplot('chart', [ p, arr], { 
    series: [ 
     { 

        renderer: $.jqplot.BarRenderer, 
        rendererOptions: { 
         barMargin: 10 
        }, 
        pointLabels: { 
         show: true, 
        } 
        //showMarker:false 

     }, 
     { 
       renderer: $.jqplot.BubbleRenderer, 
       rendererOptions: { 
          bubbleAlpha: 0.6, 
          highlightAlpha: 0.8 
         }, 
       shadow: true, 
       shadowAlpha: 0.05 
     }], 
    axesDefaults: { 
     tickRenderer: $.jqplot.CanvasAxisTickRenderer, 
    }, 
    axes: { 
     xaxis: { 
      renderer: $.jqplot.CategoryAxisRenderer 
     }, 
     yaxis: { 
      autoscale: true 
     } 
    } 
}); 

我錯過提前

謝謝..

+0

我有一個類似的問題 - 我想渲染一個直方圖作爲條形圖,然後覆蓋與平均值對齊的標準分佈曲線(所以,貝塞爾曲線)。迄今爲止,沒有成功。 –

回答

2

通過反覆試驗,我發現你需要設置forceTickAt0屬性爲true代表y軸。

http://jsfiddle.net/85K6K/14/

下面是相關的部分:

yaxis: { 
    autoscale: true, 
    renderer: $.jqplot.LinearAxisRenderer, 
    rendererOptions: { 
     forceTickAt0: true 
    } 
} 

我想你應該consider filing a bug。有otherissues在他們的數據庫中打開關於Y軸失敗的NaN錯誤,這似乎相關;但我認爲你的問題值得自己發佈。帶着這樣的疑問和的jsfiddle,應充分有據可查的開發者解決:)

編輯:我不知道有足夠的瞭解您的圖表的數據,以判斷它是相關的,但也許你想使用CategoryAxisRenderer的sortMergedLabels屬性,使您的圖形看起來like this

rendererOptions: { 
    sortMergedLabels: true 
} 
+0

感謝您的解決方案。我在Mozilla瀏覽過它,發現它可行! (但這不會在Chrome上加載) –