ChartJS - Bottom-Etiketten angezeigt vertikal

Question

Ich möchte fragen, wie kann ich unten Etiketten mit ChartJS Bibliothek positionieren, um sie anzuzeigen, wie auf dem Bild unten:

Ich versuchte es in der offiziellen Dokumente zu finden, aber ohne das Glück.

Vielen Dank für jede Beratung.

Answer 1

Im Attribut xAxe ticks können Sie die Eigenschaft userCallback bearbeiten, um zu ändern, was auf Ihren Etiketten angezeigt wird. Wenn Sie darüber hinaus ein Array von Strings zurückgeben, wird jeder String mit Zeilenumbrüchen angezeigt.

Also, wenn Sie diese beiden Informationen kombinieren, erhalten Sie die folgende erhalten:

options: { 
    scales: { 
     xAxes: [{ 
      ticks: { 
       userCallback: function(tick, value, ticks) { 
        // `ticks` is the default display 
        // `.split("")` makes it an array of every character 
        return tick.split(""); 
       } 
      } 
     }] 
    } 
} 

Sie können ein funktionierendes Beispiel on this jsFiddle sehen und hier ist das Ergebnis: