在Chart.js中设置雷达图网格颜色

Question

我有一个带有 360 个标签的雷达图，我想隐藏从图表中心发出的网格线或将它们着色以匹配画布。更改

r

轴网格属性不会影响这些网格线。我尝试过调整

x

、

y

和

z

的值，但这似乎不起作用。如果有必要，我愿意使用下面的其他版本的软件包。

是否可以隐藏这些网格线——也许使用

Chart.defaults.elements.*

语句？

package.json

"chart.js": "^4.4.1",
"chartjs-adapter-date-fns": "^3.0.0",
"chartjs-plugin-annotation": "^3.0.1",
"chartjs-plugin-datalabels": "^2.2.0",

Answer 1

找到了。这可能不是实现这一目标的唯一方法，但它确实有效：

Chart.defaults.borderColor = 'rgba(0, 0, 0, 0)'

Chart.defaults.borderColor = '#fff'