chart js 2 wie man die Balkenbreite einstellt

8

Ich benutze Chart js Version: 2.1.4 und kann die Balkenbreite nicht begrenzen. Ich habe zwei Optionen auf Stackoverflow gefunden

%Vor%

oder

%Vor%

aber keiner von beiden arbeitet mit der erwähnten Version. Gibt es eine Möglichkeit, dieses Problem zu lösen, ohne die chart.js-Kernbibliothek manuell zu ändern?

Danke

    
kiwi1342 16.06.2016, 10:35
quelle

1 Antwort

27

Sie hatten recht: Das zu bearbeitende Attribut ist barPercentage .

Aber vielleicht kommt der Fehler von wo Sie den Wert bearbeitet haben.

Wie Sie in den Balkendiagramm-Optionen sehen können:

  

Name : barPercentage
  - Typ : Nummer
  - Standard : 0.9
  - Beschreibung : Prozent (0-1) der verfügbaren Breite jeder Balken sollte innerhalb der Kategorie Prozentsatz sein. 1.0 nimmt die gesamte Kategoriebreite und legt die Balken direkt nebeneinander. Lesen Sie mehr

Das Attribut wird tatsächlich in scales.xAxes (Tabelle " Optionen für xAxes ") gespeichert.

Sie müssen Ihr Diagramm nur so bearbeiten:

%Vor%

Hier ist ein vollständig funktionierendes Beispiel mit einer benutzerdefinierten Breite ( 0.2 ) für die Leiste:

%Vor% %Vor%

Aktualisierung (Chart.js Version 2.2.0 +)

Wie in der Version 2.2.0 - Kandidat 2 :

  

Verbesserungen

     
  • Die Dicke eines Balkens kann nun manuell in einem Balkendiagramm konfiguriert werden. Verwenden Sie eine neue Option barThickness auf der richtigen Achse, um die Dicke eines Balkens festzulegen.
  •   
  • Und so weiter ...
  •   
    
tektiv 15.07.2016, 13:31
quelle

Tags und Links