本文介绍了Chart.js轴标签字体大小的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在chart.js中,如何在不触摸全局配置的情况下仅设置x轴标签的字体大小?
我已经尝试设置' scaleFontSize'选项,即我的选项对象。
我也尝试设置:
{
...
标度:{
x轴:[{
scaleFontSize:40
...
}]
}
}
解决方案
fontSize
属性实际上位于 scales.xAxes.ticks
,而不是您想象中的 scales.xAxes
。
所以您只需要像这样编辑属性:
var options = {
比例尺:{
y轴:[{
笔数:{
fontSize:40
}
}]
}
}
您可以看到
In chart.js how can I set the set the font size for just the x axis labels without touching global config?
I've already tried setting the 'scaleFontSize' option my options object.I've also tried setting:
{
...
scales: {
xAxes: [{
scaleFontSize: 40
...
}]
}
}
解决方案
The fontSize
attribute is actually in scales.xAxes.ticks
and not in scales.xAxes
as you thought.
So you just have to edit the attribute like this :
var options = {
scales: {
yAxes: [{
ticks: {
fontSize: 40
}
}]
}
}
You can see a fully working example in this jsFiddle and here is its result :
这篇关于Chart.js轴标签字体大小的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!