如何在图表JS中更改字体大小
如何在图表JS中更改字体大小
提问于 2022-07-30 01:58:29
我决定添加雷达图表到网站，但我遇到了一个问题。雷达周围的文本非常小，尽管增加了一个选项，但文本保持不变。
var marksCanvas = document.getElementById("marksChart");
var marksData = {
labels: ["HTML 5", "CSS 3", "FLUTTER", "PYTHON", "JS", "DART", "React", "ThreeJS"],
datasets: [{
label: "MY SKILLS",
backgroundColor: "rgba(30,30,32,0.4)",
data: [90, 80, 60, 75, 60, 35, 55, 37]
},
],
options: {
plugins: {
legend: {
labels: {
font: {
size: 400
}
}
}
}
}
};选项字体:大小不工作，尽管它在代码中
回答 1
Stack Overflow用户
发布于 2022-07-30 07:19:24
以下是图表JS V3的一个示例：
var marksCanvas = document.getElementById("marksChart");
var marksData = {
labels: ["English", "Maths", "Physics", "Chemistry", "Biology", "History"],
datasets: [{
label: "Student A",
backgroundColor: "rgba(200,0,0,0.2)",
data: [65, 75, 70, 80, 60, 80]
}, {
label: "Student B",
backgroundColor: "rgba(0,0,200,0.2)",
data: [54, 65, 60, 70, 70, 75]
}]
};
var radarChart = new Chart(marksCanvas, {
type: 'radar',
data: marksData,
options: {
scales: {
r: {
pointLabels: {
font: {
size: 100
}
}
}
}
}
});<canvas id="marksChart" width="600" height="400"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73172369
复制相关文章
相似问题
腾讯云开发者
