Jquery Flot Balkenbreite wird automatisch breiter

Question

Ich zeige 2 Balken nebeneinander mit jQuery Flot-Bibliothek. Ich habe eine barWidth gesetzt, und es ist völlig in Ordnung.

Problem - Wenn einer der Balkenwerte 0 ist, wird die Leiste nicht angezeigt. Aber der andere Balken wird breiter.

Frage - wie die Breite einzustellen, und lassen Sie es auf jeden Fall sein? Ich habe min, max gelesen, konnte aber nicht herausfinden, wie man sie benutzt.

Bitte siehe mein Code unten -

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 

     } 
    }]; 

Answer 1

jsfiddle spielen:

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

besser zu verstehen, Ihre Frage, hast du mit Bar Mittelwert der param "BarWidth"? In meinem Beispiel setze ich die Balkenbreite der Sekunde auf den Wert "0" und es wird immer noch angezeigt.

$(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); 
});