Chart.js雷达背景颜色
Chart.js雷达背景颜色
提问于 2018-11-13 22:42:54
有没有人知道有没有可能改变像图像一样的雷达背景区域，我的海报？
回答 2
Stack Overflow用户
发布于 2018-11-19 08:07:24
我也有同样的问题，看起来文档对这些案例并不友好，我的解决方案基于以下示例：
- https://github.com/chartjs/Chart.js/issues/3956#issuecomment-287080840
- https://www.html5canvastutorials.com/tutorials/html5-canvas-circles/
我的options对象如下所示：
options: {
...
chartArea: { backgroundColor: 'red' },
...
}我使用钩子函数beforeDraw来绘制图表后面的背景色，它看起来像这样：
Chart.pluginService.register({
beforeDraw: chart => {
const { ctx, scale, config } = chart
const { xCenter, yCenter, drawingArea: radius } = scale
ctx.save()
ctx.arc(xCenter, yCenter, radius, 0, Math.PI * 2)
ctx.fillStyle = config.options.chartArea.backgroundColor
ctx.fill()
ctx.restore()
}
});在beforeDraw函数中，您可以使用自定义属性捕获options对象。
您可以查看完整的钩子列表here
Stack Overflow用户
发布于 2018-11-13 22:51:35
我假设您使用的是chart.js库中的这个模块
https://www.chartjs.org/docs/latest/charts/radar.html
文档说，您可以在数据集属性上指定它来更改颜色。
data: {
labels: ['Running', 'Swimming', 'Eating', 'Cycling'],
datasets: [{
data: [20, 10, 4, 2],
backgroundColor: 'red'
}]
}希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53283486
复制相关文章
相似问题
腾讯云开发者
