2016-02-13 326 views
8

我正在使用v2。* ...但是,我似乎無法設置折線圖的默認顏色。我主要是想設置x/y圖表值的顏色。認爲下面可能會這樣做 - 但它對圖表沒有任何影響。更改X和Y軸值的顏色。 Chart.js

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

更新:這裏是與 總之,我期待改變標籤的顏色實時圖表一的jsfiddle即2016年2月7日,等等等等

https://jsfiddle.net/o534w6jj/

幫助? :)

+0

你所說的X和Y軸的值是什麼意思?你想改變軸標籤的顏色嗎?圖表的x,y值?數據點?你能提供一個完整的數據例子嗎? – chiliNUT

+0

添加了我的問題的實際圖表小提琴。 –

回答

25

好吧,所以我想通了。這是我正在尋找的ticks屬性...查看下面的代碼。

查看更新的jsfiddle: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

哇。在文檔的任何位置都找不到,謝謝。 – grant