作者：yangyang19890811 | 来源：互联网 | 2023-02-11 14:28
我从Chart JS库获得了一个图表。
屏幕截图
var ctx = document.getElementById("myChart");
var data = {
labels: ["HTML", "CSS", "Javascript", "jQuery", "Bootstrap", "Gulp", "PHP", 'SQL', 'Git'],
datasets: [
{
defaultFontColor: 'red',
backgroundColor: "rgba(0,255,255,.4)",
borderColor: "rgba(0,255,255,.4)",
pointBackgroundColor: "red",
pointBorderColor: "#fff",
lineTension: 0,
pointHoverBackgroundColor: "#fff",
pointHoverBorderColor: "rgba(179,181,198,1)",
data: [95, 99, 60, 91, 36, 95, 40, 95, 95]
}
]
};
var myRadarChart = new Chart(ctx, {
type: 'radar',
data: data,
options: {
responsive: true,
scale: {
reverse: false,
ticks: {
// defaultFontSize: true
}
}
}
});
我需要更改带下划线标签的字体样式。我已经研究过文档，并且尽我所能。即使全局字体设置也不会更改标签样式，尽管它可用于其他文本。你遇到这样的问题了吗？谢谢。
1> Tom Glover..：
它很好隐藏，但是您可以在“点标签选项”下找到它
http://www.chartjs.org/docs/#scales-radial-linear-scale
这是一个示例：https :
//jsfiddle.net/qvrt01jp/1/
options: {
scale: {
pointLabels :{
fontStyle: "bold",
}
}
}
如果这样设置，global也应该起作用：
Chart.defaults.global.defaultFOntStyle= 'italic'
京公网安备 11010802041100号