2016-04-22 31 views
2

jQuery flotライブラリを使用して2つのバーを並べて表示しています。 私はbarWidthを設定しており、それは完璧にレンダリングされます。JQuery flot barの幅が自動的に広くなります

問題 - バーの値の1つが0の場合、バーは表示されません。しかし、もう一方のバーはより広くなります。

質問 - どのように幅を設定し、どのようにすることができますか?私はmin、maxを読みましたが、それらを使う方法を理解できませんでした。

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

より良いあなたがバーの値とのparam "barWidth" を意味した、あなたの質問を理解するために:

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再生するには -

以下の私のコードを見てください?私の例では、2番目のバー幅を値 "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); 
}); 
関連する問題