Chart.jsラベルの色

Question

私は棒グラフを作成するのにchart.jsを使用していますが、ラベルの色や凡例の色を変更できないようです。私は目盛りの色を変更する方法を考え出しましたが、実際に私が使用する必要がある場合は、 'scaleFontColor'をどこに置くべきかわかりません。

ここは、今のように見えるものへのリンクです。 http://imgur.com/nxaH1mk

そしてここでは私のコードです：

var ctx = document.getElementById("myChart"); 
var myChart = new Chart(ctx, { 
    scaleFontColor: "white", 
    type: "bar", 
    data: { 
     labels: <?php echo json_encode($timeSlice); ?>, 
     datasets: [{ 
      label: "A Label", 
      backgroundColor: "rgba(159,170,174,0.8)", 
      borderWidth: 1, 
      hoverBackgroundColor: "rgba(232,105,90,0.8)", 
      hoverBorderColor: "orange", 
      scaleStepWidth: 1, 
      data: <?php echo json_encode($myCount); ?> 
     }] 
    }, 
    options: { 
     legend: { 
      fontColor: "white" 
     }, 
     scales: { 
      yAxes: [{ 
       ticks: { 
        fontColor: "white", 
        stepSize: 1, 
        beginAtZero: true 
       } 
      }] 
     } 
    } 
}); 

任意の助けいただければ幸いです。

Answer 1

私はそれを解決しました。ご質問申し訳ありません。しかし、他の誰かが私の問題に遭遇した場合に備えて、私は答えを残すと思います。

var ctx = document.getElementById("myChart"); 
var myChart = new Chart(ctx, { 
    type: "bar", 
    data: { 
     labels: <?php echo json_encode($timeSlice); ?>, 
     datasets: [{ 
      label: "My Label", 
      backgroundColor: "rgba(159,170,174,0.8)", 
      borderWidth: 1, 
      hoverBackgroundColor: "rgba(232,105,90,0.8)", 
      hoverBorderColor: "orange", 
      scaleStepWidth: 1, 
      data: <?php echo json_encode($myCount); ?> 
     }] 
    }, 
    options: { 
     legend: { 
      labels: { 
       fontColor: "white", 
       fontSize: 18 
      } 
     }, 
     scales: { 
      yAxes: [{ 
       ticks: { 
        fontColor: "white", 
        fontSize: 18, 
        stepSize: 1, 
        beginAtZero: true 
       } 
      }], 
      xAxes: [{ 
       ticks: { 
        fontColor: "white", 
        fontSize: 14, 
        stepSize: 1, 
        beginAtZero: true 
       } 
      }] 
     } 
    } 
});