雷达图,Chart.js v3.2标签定制

雷达图,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' }

如何自定义雷达图中的标签

我指的不是legend的标签,而是雷达图顶点的声音

特别是字体和颜色

我搜索了很多,但我找到了旧版本的解决方案,并且只针对颜色属性

我只是尝试使用
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 of
console.log(chart)
是一个示例解决方案,但它可以用于像我这样的所有问题,当文档中没有明确说明如何设置图表属性时!