2013-03-05 93 views
1

我使用浮點圖呈現條形圖。它工作正常。以下是代碼:如何製作簡單的條形圖而不是使用浮動圖表堆積條形圖?

var d1 = [ 
      [1,20], 
      [2,30], 
      [3,15], 
      [4,45], 
      [5,79] 
      ]; 


       $.plot($("#mychart"), [d1], { 
       grid: { 
         show: true, 
         clickable: true, 
         hoverable: true 

       }, 
        series: { 
         stack: 0, 

         bars: { 
          show: true, 
          barWidth: 0.6, 
          fill: 0.6, 
          align:'center' 
         } 
        }, 

       colors: ["#F4A70C"] 

       }); 

我的數據是從服務器動態獲取的。即使這是工作正常。問題是我正在使用以下命令重繪圖形:

  flot.setData(data); 
      flot.setupGrid(); 
      flot.draw(); 

我得到的輸出是一個堆積條形圖。我想要每次渲染一個新的條形圖。我已經設置了堆棧= 0,但這似乎沒有影響任何東西。 請指導我。

+0

您是否嘗試過再次調用'plot'來重繪圖形? – 2013-03-05 16:03:10

+0

這應該做的伎倆。但是人們說,再次調用情節並不是那麼有效。所以我想知道是否可以像我爲線圖所做的那樣重新繪製它。 :( – LittleLebowski 2013-03-05 16:10:29

+0

我從來沒有遇到過只是回憶'plot'的問題。YMMV。 – 2013-03-05 16:11:57

回答

3

堆棧插件將null,undefined和false以外的值視爲true。所以用'假'替換你的零,你應該沒問題。

+1

)這是因爲您可以製作不同的堆棧 - 比如說'stack:0 '和'stack:1' – Ryley 2013-03-05 17:58:49

+0

我刪除了Stack插件,它現在可以工作了,真讓人感到很傻,謝謝你的洞察,@DNS,非常感謝。 – LittleLebowski 2013-03-05 19:11:05