2016-02-13 14 views
8

Ich benutze v2. * ... Allerdings kann ich nicht die Standardfarbe für ein Liniendiagramm einstellen. Ich suche hauptsächlich, um die Farbe der x/y Diagrammwerte einzustellen. Ich nehme an, dass es das unten tun könnte - aber es macht überhaupt nichts aus.Farbe der X- und Y-Achse ändern. Chart.js

Chart.defaults.global.defaultColor = 'orange',

Update: hier ist ein jsfiddle mit Live-Chart Kurz gesagt, ich suche die Farbe der Etiketten 7, Februar 2016, dh zu ändern, etc etc.

https://jsfiddle.net/o534w6jj/

Hilfe? :)

+0

was meinst du mit x- und y-Achsen-Werte? Versuchen Sie, die Farbe der Achsenbeschriftungen zu ändern? Die x, y-Werte des Diagramms? Die Datenpunkte? Können Sie ein vollständiges Beispiel mit Daten bereitstellen? – chiliNUT

+0

Eine Geige mit dem aktuellen Diagramm zu meiner Frage hinzugefügt. –

Antwort

25

Okay, also habe ich es herausgefunden. Es ist die ticks Eigenschaft, die ich suche ... siehe Code unten.

Siehe jsfiddle aktualisiert: https://jsfiddle.net/o534w6jj/1/

var ctx = $("#weekly-clicks-chart"); 
var weeklyClicksChart = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    scaleFontColor: 'red', 
    options: { 
      scaleFontColor: 'red', 
     responsive: true, 
     tooltips: { 
      mode: 'single', 
     }, 
     scales: { 
      xAxes: [{ 
       gridLines: { 
        display: false, 
       }, 
       ticks: { 
        fontColor: "#CCC", // this here 
       }, 
      }], 
      yAxes: [{ 
       display: false, 
       gridLines: { 
        display: false, 
       }, 
      }], 
     } 
    }   
}); 
+3

wow. Ich konnte das nirgendwo in der Dokumentation finden, danke. – grant

+7

Diese Doku scheint von einem betrunkenen Anwalt geschrieben – candlejack

Verwandte Themen