2016-04-22 59 views
2

我使用jQuery flot庫並排顯示2個小節。 我已經設置了一個barWidth,它呈現完美。jquery flot bar width自動變得更寬

問題 - 當一個條的值爲0時,條不顯示。但其他酒吧變得更寬。

問題 - 如何設置寬度,並讓它在任何情況下?我已閱讀最低限度,但不知道如何使用它們。

請參閱我下面的代碼 -

var myData = [{ 
     data: plotpoints2, 
     color: "red", 
     bars: { 
      show: true, 
      barWidth: 0.9, 
      fillColor: "red", 
      align: "center", 
      order: 1 
     } 
    }, { 
     data: plotpoints2, 
     color: "green", 
     bars: { 
      show: true, 
      barWidth: 0.9, 
      fillColor: green, 
      align: "center", 
      order: 2 

     } 
    }]; 
+0

是否可以爲此創建一個小提琴? – vijayP

+0

不幸的是,代碼庫相當大,無法在小提琴中重現。 –

回答

0

的jsfiddle玩:

http://jsfiddle.net/eb4jtea4/2/ 

,以便更好地理解你的問題,你有沒有帶酒吧值意味着帕拉姆 「barWidth」?在我的示例中,將第二個的寬度設置爲值「0」,並將其仍然顯示。

$(function() { 

var plotpoints2 = [[1, 450], [2, 40], [3, 80], [4, 160], [5, 159], [6, 370], [7, 330], [8, 350], [9, 370], [10, 400], [11, 330], [12, 350]]; 
    var myData = [{ 
     data: plotpoints2, 
     color: "red", 
     bars: { 
      show: true, 
      barWidth: 0.6, 
      fillColor: "red", 
      align: "center", 
      order: 1 
     } 
    }, { 
     data: plotpoints2, 
     color: "green", 
     bars: { 
      show: true, 
      barWidth: 0, 
      fillColor: "green", 
      align: "center", 
      order: 2 
     } 
    }]; 

    $.plot($("#placeholder"),myData); 
});