Hide dc.js Diagramm X-Achse

Über CSS kann man die Achsen und den Text verstecken.

Entfernen Sie die X-Achse des Zeilen-Diagramms

Fügen Sie Ihrem CSS Folgendes hinzu (ersetzen Sie die # ID durch Ihre):

Entfernen Sie die Y-Achse des Balkendiagramms

Fügen Sie Ihrem CSS Folgendes hinzu (ersetzen Sie die # ID durch Ihre):

Sie können die Formatierung der Werte auf der X-Achse über die Methode .xAxis (). tickFormat () steuern, die von D3 kommt.

Hier ist ein Link zur Dokumentation

Ссылка

Ich habe es am besten gefunden, solche Dinge außerhalb des traditionellen Stacks von Konfigurationsmethoden zu tun, denn wenn Sie .xAxis (). tickFormat () mit allem anderen einbinden, wird natürlich auch die nächste Methode im Stack funktionieren , mit dem vom Aufruf .tickFormat () ausgegebenen D3-Objekt verknüpft sein, was zu Fehlern führen kann.

Ich hatte die gleiche Frage für die y-Achse, und hier ist eine Möglichkeit, dies in der Bibliothek selbst zu tun:

1. Nach der Zeile var _yElasticity = false; add:

   %Vor%

2. Definieren Sie nach der Deklaration von _chart.elasticY = function (_) { ... } eine neue Funktion .showYAxis([boolean]) durch Hinzufügen von:

   %Vor%

3. Ändern Sie die Bedingung, die bestimmt, wann die y-Achse von

   gerendert wird %Vor%

bis

4. Nun können Sie die y-Achse in Ihren Diagrammen entfernen, indem Sie einfach .showYAxis(false) .
hinzufügen