雷达图,Chart.js v3.2标签定制
如何自定义雷达图中的标签 我指的不是legend的标签,而是雷达图顶点的声音 特别是字体和颜色 我搜索了很多,但我找到了旧版本的解决方案,并且只针对颜色属性 我只是尝试使用雷达图,Chart.js v3.2标签定制,chart.js,radar-chart,chart.js3,Chart.js,Radar Chart,Chart.js3,如何自定义雷达图中的标签 我指的不是legend的标签,而是雷达图顶点的声音 特别是字体和颜色 我搜索了很多,但我找到了旧版本的解决方案,并且只针对颜色属性 我只是尝试使用pointLabels属性,但不起作用。 有人能帮我吗 这可以通过以下选项实现: scales: { r: { pointLabels: { color: 'green', font: { size: 20, style: 'italic' }
pointLabels
属性,但不起作用。
有人能帮我吗
这可以通过以下
选项实现:
scales: {
r: {
pointLabels: {
color: 'green',
font: {
size: 20,
style: 'italic'
}
}
}
}
我必须承认,我也没有在Chart.js文档中找到解决方案。因此,我将整个图表记录到控制台(console.log(chart)
)并搜索“scales”
,最终找到点标签的默认值
请查看下面的runnable示例并了解其工作原理:
新图表('radar-Chart'{
类型:“雷达”,
数据:{
标签:[“吃”、“喝”、“睡”、“设计”、“编码”、“骑自行车”、“跑步”],
数据集:[{
标签:“我的第一个数据集”,
数据:[65,59,90,81,56,55,40],
填充:是的,
背景颜色:“rgba(255,99,132,0.2)”,
边框颜色:“rgb(255,99,132)”,
pointBackgroundColor:“rgb(255,99,132)”,
pointBorderColor:“#fff”,
pointHoverBackgroundColor:“#fff”,
pointHoverBorderColor:'rgb(255、99、132)'
}],
},
选项:{
插件:{
图例:{
显示:假
}
},
比例:{
r:{
点标签:{
颜色:“绿色”,
字体:{
尺码:20,
样式:“斜体”
}
}
}
}
}
});代码>
非常感谢@uminerSolution ofconsole.log(chart)
是一个示例解决方案,但它可以用于像我这样的所有问题,当文档中没有明确说明如何设置图表属性时!