Javascript 更改Chart.js中X轴和Y轴值的颜色
我正在使用v2.*。但是,我似乎无法为折线图设置默认颜色。我主要想设置x/y图表值的颜色。我想下面的可能会做到这一点,但它对图表没有任何影响Javascript 更改Chart.js中X轴和Y轴值的颜色,javascript,jquery,charts,chart.js,Javascript,Jquery,Charts,Chart.js,我正在使用v2.*。但是,我似乎无法为折线图设置默认颜色。我主要想设置x/y图表值的颜色。我想下面的可能会做到这一点,但它对图表没有任何影响 Chart.defaults.global.defaultColor = 'orange', 更新 这是一个带有实时图表的JSFIDLE。简言之,我希望更改标签的颜色,即2016年2月7日等 好吧,我想出来了。这是我正在寻找的ticks属性…请参见下面的代码 请参阅更新的JSFIDLE: x轴和y轴的值是什么意思?是否尝试更改轴标签的颜色?图表的x,y值
Chart.defaults.global.defaultColor = 'orange',
更新
这是一个带有实时图表的JSFIDLE。简言之,我希望更改标签的颜色,即2016年2月7日等
好吧,我想出来了。这是我正在寻找的
ticks
属性…请参见下面的代码
请参阅更新的JSFIDLE:
x轴和y轴的值是什么意思?是否尝试更改轴标签的颜色?图表的x,y值?数据点?你能提供一个完整的数据示例吗?在我的问题中添加了一个实际图表。
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,
},
}],
}
}
});