我是初学者。我正在使用 javascript 在我的网站上创建雷达图(请参阅下面的代码)。请给我两个不同的问题。
当这些值显示在我的网站上时,我应该向 js 代码添加什么才能更改“VALUE1”、“VALUE2”、“VALUE3”、“VALUE4”和“VALUE5”的字体大小/系列?
我应该在 js 代码中添加什么才能使用自定义 png 图像代替文本“VALUE1”、“VALUE2”、“VALUE3”、“VALUE4”和“VALUE5”,当这些值显示在我的网站 ?
$(function() {
var ctx = $("#myChart");
var data = {
labels: ["VALUE1","VALUE2","VALUE3","VALUE4","VALUE5"],
datasets: [
{
label: "DATA1",
backgroundColor: "rgba(62,135,74,.5)",
pointBackgroundColor: "#34b44a",
data: [4, 3, 1, 5, 2]
}
]
};
var options = {
legend: {
display: false
},
elements: {
line: {
}
},
scale: {
angleLines: {
color: '#666',
backgroundColor: 'rgba(255,0,0,1)',
borderColor: 'rgba(0,255,0,1)',
backdropColor: 'rgba(0,255,0,1)'
},
gridLines: {
color: '#666',
backgroundColor: 'rgba(255,0,0,1)',
borderColor: 'rgba(0,255,0,1)',
backdropColor: 'rgba(0,255,0,1)'
},
pointLabels: {
fontColor: '#fff'
},
ticks: {
min: 0,
max: 5,
stepSize: 1,
display: false
}
},
tooltips: {
enabled: false
}
};
var myRadarChart = new Chart(ctx, {
type: 'radar',
data: data,
options: options
});
});