Möglich, Balken mit Nullhöhe in einem Balkendiagramm auszublenden? - Javascript, Jquery, Diagramme, Flot

Bei Werten von 0 zeichnet Flot gerne eine flache Linie an der Stelle, an der sich der Balken befinden würde. Ist es möglich, es so zu konfigurieren, dass es nichts zeichnet?

Antworten:

In meiner Anwendung habe ich dieses Problem gelöst, indem ich yaxis min auf einen Wert größer als 0 und kleiner als die Auflösung eingestellt habe, mit der ich gearbeitet habe. Grenzen sichtbar, flache Linie versteckt.

var options = {
series: {
stack: 0,
lines: { show: false, fill: true, steps: false },
bars: { show: true, barWidth: 0.6 }
},
xaxis: {
mode: "time",
timeformat: "%H:%M"
},
yaxis: {
min: 0.5
},
selection: { mode: "x" },
grid: { hoverable: true }
};

Sie können den Wert auf Null setzen, wenn er Null ist. Dadurch wird er nicht angezeigt, und Sie können die Rahmen um andere Balken beibehalten.

Eine Lösung: Setzen Sie die Linienbreite der Balken auf 0. Dadurch wird der Rahmen um die Balken entfernt.

Dies geht zu Lasten der schönen Sichtbarkeit fürkleine Werte Flot hat. Bei Rahmen unterscheiden sich beispielsweise 1 und 2, selbst wenn Ihr Diagramm große Werte aufweist. Ohne Rahmen sind die kleinen Zahlen möglicherweise schwer zu erkennen. Dieser Effekt kann jedoch durch Festhalten an dunkleren fillColor-Werten für Ihre Balken ausgeglichen werden.