Entfernen von überstehenden Teilen der Achse

Question

Ist es möglich, überstehende Teile (auf dem Bild in roter Elipsis) der Achse im Diagramm zu entfernen, das von graph.js erzeugt wurde?

Vielen Dank!

Answer 1

Sie können die Gitterlinien von den Schuppen verstecken:

yAxes: [{ 
    gridLines: { 
    display: false 
    }, 
}] 

Sie erhalten keine Überschreitung Linien sehen, wenn Sie dies tun für beide Achsen.

dies Siehe fiddle für eine funktionierende Demo

Wenn Sie die Rasterlinien brauchen und wollen nur das Überschreiten Linie bei 0 verstecken, Sie die zeroLineWidth zu 0

gridLines: { 
    zeroLineWidth: 0 
} 

Mit tickMarkLength einstellen können Sie kann bestimmen, wie viele Pixel die Rasterlinien in den Achsenbereich zeichnen.

gridLines: { 
    tickMarkLength: 0 
} 

Wenn Sie ein fortgeschritteneres Styling der Achse benötigen, können Sie ein Plugin schreiben. Siehe Style X and Y Axis (tick mark) with Chart.js? für einen guten Start.