我想自定义chart.js中的标签,但似乎找不到正确的方法。我需要在哪里放置样式选项?会发生什么?
有没有办法一起删除网格线?
options: {
scale: {
gridLines: {
display: false
},
scaleLabel: {
fontColor: 'green',
fontSize: '24px',
fontFamily: "Montserrat"
},
ticks: {
maxTicksLimit: 1,
display: false,
},
}
},
我希望字体颜色变为绿色并变大,但是它根本不会影响字体。
GridLines也是如此。我希望垂直线和水平线都将被删除,但是垂直线不受影响。
enter image description here
最佳答案
radar
图表使用Linear Radial Axis。该文档详细介绍了可用于图表轴的所有自定义项。
字形
要像上面一样配置字体,您需要在选项中的pointLabels
属性下进行设置:
options: {
scale: {
pointLabels: {
fontColor: 'green',
fontSize: 24,
fontFamily: "Montserrat"
}
}
}
注意,
fontSize
属性应该是数字,而不是字符串。角线
轴线有两种不同的设置(
gridLines
和angleLines
)。 angleLines
是从图表中心放射出的线以及您要隐藏的内容。要隐藏angleLines
,您需要执行以下操作:options: {
scale: {
angleLines: {
display: false
}
}
}