2013-04-18 28 views
0

您是否有人知道如何在使用flot的條形圖旁邊放置餅圖?我希望他們使用相同的數據。在同一塊畫布上繪製餡餅+條形圖

我試圖啓用在系列選項中顯示餅圖,但條形圖爲空白。

$.plot("#placeholder", data, { 
       series: { 
        bars: { 
         barWidth: 0.2, 
        }, 
        stack: null, 
        pie: { 
         show: true 
        } 
       }, 
       yaxis: { 
        min: 0, 
        tickFormatter: plnFormatter 
       }, 
       xaxis: { 
        mode: "categories", 
        tickLength: 0, 
        autoscaleMargin: 0.1 
       }, 
       grid: { 
        borderWidth: 0, 
        hoverable: true, 
        clickable: true 
       }      
      }); 
+0

請提供一個可重現的例子。數據被定義爲什麼?什麼是「p1nFormatter」?提供創建問題的最小示例,這是提問的正確方法。 – Mark

+0

http://jsfiddle.net/52cKB/1/ – jaros

回答

1

我也有同樣的問題,最後我把一個div在畫布上,注意CSS樣式:

<div id="error-pie-chart" style="height:120px;width:120px;position: absolute;left:230px;top:50px;z-index:1;"></div> 

,然後使用海軍報吸取這個div的餡餅,它的作品!