Wie fügt man dem Plot-Bereich in einem D3-Liniendiagramm richtig Padding hinzu?

Question

Ich habe ein Liniendiagramm in D3 wie hier zu sehen:

Ich versuche, die x-Achse zu sein, die gleiche Größe wie die y-Achse Tick Breite zu erweitern. Derzeit bin ich Einstellung, die Bereiche wie folgt:

// set the ranges 
var x = d3.scaleTime().range([20, width - 20]); 
var y = d3.scaleLinear().range([height, 0]); 

Dadurch wird erreicht, um meinen gewünschten Effekt des Drückens der Handlung in der linken und rechten Seite aber nicht die x-Achse erstrecken. Ich bin mir sicher, dass es eine Möglichkeit geben muss, dem Plot Padding hinzuzufügen, ohne die Bereiche zu ändern, aber ich kann nicht herausfinden, wie das geht.

Answer 1

Es gibt keine einfache Möglichkeit, einer linearen Skalierung Padding hinzuzufügen.

In Ihrem Fall jedoch, da Ihre x-Achse kategorische Daten (Tage der Woche) präsentiert, können Sie eine d3.scalePoint verwenden und konfigurieren Sie die äußere Polsterung mit der padding function.