Wie kann ich das X-Achsen-Tick-Intervall in C3/d3 js-Diagrammen auf 1 setzen?

Ich bin sehr neu zu Diagramm-Erstellung mit C3 und D3. Ich habe eine Suche durchgeführt, aber ich kann keine Antwort finden - könnte jemand helfen? Wie kann ich erzwingen, dass auf der X-Achse jedes Häkchen angezeigt wird - es zeigt gerade alle anderen an. Ich möchte, dass das Diagramm dynamisch ist, also möchte ich die Tick-Zählung nicht hart verdrahten (es zieht Daten von anderswo). Ich hoffe, ich habe Sinn gemacht! Dankbar für irgendwelche Vorschläge.Wie kann ich das X-Achsen-Tick-Intervall in C3/d3 js-Diagrammen auf 1 setzen?

Quelle

2017-11-09 Sarah

Sie benötigen Culling Option einzustellen:

axis: { 
    x: { 
    tick: { 
     culling: false 
    } 
    } 
}

docs See.

.c3-axis-x g.tick:nth-last-child(2) text, 
.c3-axis-x g.tick:nth-child(2) text { 
    display: block !important; 
}

Quelle

2017-11-09 11:15:29

Danke Lasten - ich dachte ich, das versucht hatte und es nicht funktioniert hat, aber offensichtlich I:

Auch Sie Sichtbarkeit der ersten und letzten Tick-Wert mit wenig CSS-Hack erzwingen hatte es nicht richtig gemacht! Brilliant, danke. – Sarah

Ich könnte jetzt zu viel fragen, aber gibt es eine Möglichkeit, es zu zwingen, den ersten und letzten Tick zu zeigen, und dann mit dem Standard-Culling dazwischen zu gehen? – Sarah

@Sarah ja, das kann mit CSS getan werden, siehe Code in Antwort. –

Wie kann ich das X-Achsen-Tick-Intervall in C3/d3 js-Diagrammen auf 1 setzen?

Antwort

Verwandte Themen