Chart.js 雷达图：创建渐变：背景

我试图在我的雷达图的内部区域添加一个梯度，使其达到这个效果 我希望它有一个全息梯度辉光，这是我到目前为止所做的。我正在使用Wix，并从Chart.js中删除了小部件

标题
var ctx=document.getElementById（“myChart”）.getContext（“2d”）；
var myChart=新图表（ctx{
类型：“雷达”，
数据：{
标签：[“俯卧撑”、“抬腿”、“上拉”、“下蹲”、“桥牌”]，
线张力：0.5，
数据集：[{
标签：“重复”，
数据：[10,20,30,10,50]，
填充：是的，
背景颜色：['rgba（127,84255,0.2）'，
边框颜色：['rgba（127,84,255,1）'，
pointBackgroundColor:'rgba（127,84,255,0）'，
pointBorderColor:“rgba（127,84,255,0）”，
pointHoverBackgroundColor:'rgba（127,84,255,5）'，
pointHoverBorderColor:'rgba（127,84,255,1）'，
边框宽度：3
}]
},
选项：{
比例：{
斜线：{
显示：对，
//颜色：['rgba（187184194.1）]
},
点标签：{
尺寸：20，
字体：“粗体”，
fontColor:“rgba（187184194.5）”，
},
网格线：{
通告:错,，
线宽：1，
颜色：“rgba（187184194.5）”，
},
滴答声：{
尺寸：15，
fontColor:['rgba（255，255，255，1）'，
字体样式：“，
backdropColor:['rgba（255，255，255，0）'，
贝吉纳泽罗：是的，
最高：50，
分:0,，
步长：10
}
},
图例：{
显示：对，
标签：{
字体：“粗体”，
尺寸：20，
fontColor:['rgba（255，255，255，1）'，
}
},
onClick:handleClick
}
});
window.onmessage=函数（事件）{
if（event.data&&Array.isArray（event.data））{
myChart.data.datasets[0]。data=event.data；
myChart.update（）；
}
否则{
log（“HTML代码元素收到一条通用消息：”）；
console.log（事件数据）；
}
};
函数handleClick（e）{
var-activebar=myChart.getElementAtEvent（e）；
var value=myChart.config.data.datasets[activeBars[0].\u datasetIndex].data[activeBars[0].\u index]；
var label=activeBars[0]。\u model.label；
window.parent.postMessage({
“类型”：“单击”，
“标签”：标签，
“价值”：价值
} , "*");
}
函数就绪（）{
window.parent.postMessage（{“type”：“ready”}，“*”）；
}