NVD3 Charts Entfernen Sie 0 Wert Bars

8

Wie können Sie für NVD3 multiBarChart Balken mit Nullwerten entfernen? Ich habe versucht, den y-Wert auf null zu setzen, aber sie werden nicht verschwinden.

Ich habe leider nicht genug Reputation, um ein Bild zu posten, also zeige ich hier das Problem. Es gibt zwei gestapelte Reihen im folgenden ASCII-Diagramm - X und Z, wobei Unterstriche (_) Nullwertbalken in der Z-Reihe darstellen:

%Vor%

Was ich brauche, ist folgendes:

%Vor%

Bearbeiten: Hier ist der JSFiddle für das Diagramm Ссылка

Ich habe eine versuchte Reparatur von mir eingeschlossen, die etwas funktioniert (aber aus irgendeinem Grund nicht in der Geige). Der versuchte Fix findet das erste Rechteck durch einen CSS-Selektor und durchläuft sie mit rect.next (), wobei die Höhe auf 0 gesetzt wird, wenn die Höhe 1 ist. Der Grund, warum dies für mich nicht funktioniert, ist, weil die Rechtecke dies nicht tun existieren, wenn die Funktion aufgerufen wird - also muss ich jetzt herausfinden, wie man die Funktion zum Ausführen nach der Animation fertigstellen kann.

    
jperezov 13.03.2014, 12:33
quelle

2 Antworten

20
___ tag123nvd3js ___ NVD3.js ist eine Bibliothek wiederverwendbarer Diagramme und Diagrammkomponenten für D3.js. ___ qstntxt ___

Wie können Sie für NVD3 multiBarChart Balken mit Nullwerten entfernen? Ich habe versucht, den y-Wert auf null zu setzen, aber sie werden nicht verschwinden.

Ich habe leider nicht genug Reputation, um ein Bild zu posten, also zeige ich hier das Problem. Es gibt zwei gestapelte Reihen im folgenden ASCII-Diagramm - X und Z, wobei Unterstriche (_) Nullwertbalken in der Z-Reihe darstellen:

%Vor%

Was ich brauche, ist folgendes:

%Vor%

Bearbeiten: Hier ist der JSFiddle für das Diagramm Ссылка

Ich habe eine versuchte Reparatur von mir eingeschlossen, die etwas funktioniert (aber aus irgendeinem Grund nicht in der Geige). Der versuchte Fix findet das erste Rechteck durch einen CSS-Selektor und durchläuft sie mit rect.next (), wobei die Höhe auf 0 gesetzt wird, wenn die Höhe 1 ist. Der Grund, warum dies für mich nicht funktioniert, ist, weil die Rechtecke dies nicht tun existieren, wenn die Funktion aufgerufen wird - also muss ich jetzt herausfinden, wie man die Funktion zum Ausführen nach der Animation fertigstellen kann.

    
___ qstnhdr ___ NVD3 Charts Entfernen Sie 0 Wert Bars ___ answer22463443 ___

Habe die Antwort gefunden. In der Datei nv.d3.js gibt es die folgende Codezeile:

%Vor%

Dies muss wie folgt geändert werden:

%Vor%

Und das ist es. Der Min-Wert wird für gestapelte Balkendiagramme buchstäblich nur als 1 anstelle von 0 festgelegt. Das war in der Multibar-Funktion der Datei nv.d3.js um die Zeile 7804. Hoffentlich hilft das jemand anderem mit dem gleichen Problem.

    
___ antwort22892279 ___

Tatsächlich fand ich, dass das Ändern des nvd3-Quellcodes keine echte Lösung darstellte.

Also habe ich einfach eine überschreibende CSS-Regel hinzugefügt, die ein genaues 1-Pixel-Height-Rect da draußen verbirgt.

Immer noch nicht optimal, aber wir werden auf eine neue Version von nvd3 warten müssen, hoffentlich mit einem voll konfigurierbaren Modell, um das richtig zu machen.

%Vor%     
___
vperron 06.04.2014, 09:40
quelle
3

Habe die Antwort gefunden. In der Datei nv.d3.js gibt es die folgende Codezeile:

%Vor%

Dies muss wie folgt geändert werden:

%Vor%

Und das ist es. Der Min-Wert wird für gestapelte Balkendiagramme buchstäblich nur als 1 anstelle von 0 festgelegt. Das war in der Multibar-Funktion der Datei nv.d3.js um die Zeile 7804. Hoffentlich hilft das jemand anderem mit dem gleichen Problem.

    
jperezov 17.03.2014 19:21
quelle

Tags und Links