Reactjs 在React中使用Chart.js在线条栏上显示辉光效果

有人知道如何在使用react时向折线图添加辉光效果吗

我已经把图表显示出来了

<Line
    data={{
      datasets: [
        {
            type: 'line',
            backgroundColor: "black",
            borderColor: "#5AC53B",
            
            borderWidth: 2,
            hoverBorderColor: "red",
            pointBorderColor: 'rgba(0, 0, 0, 0)',
            pointBackgroundColor: 'rgba(0, 0, 0, 0)',
            pointHoverBackgroundColor: '#5AC53B',
            pointHoverBorderColor: '#000000',
            pointHoverBorderWidth: 4,
            pointHoverRadius: 6,
            data: data,
        },
      ],
    }}
  />

但是，你不认为有一个属性可以专门为线条提供框阴影或辉光效果吗？我以前看过，但现在还没有

---

干杯

您可以修改

react-Chart-js2

的

图表

导出，使绘制的线条发光

示例

从'react-chartjs-2'导入{Chart}；
//从https://codepen.io/kurkle/pen/zYYPagB
让draw=Chart.controllers.line.prototype.draw；
Chart.controllers.line.prototype.draw=函数（）{
让chart=this.chart；
设ctx=chart.ctx；
设_stroke=ctx.stroke；
ctx.stroke=函数（）{
ctx.save（）；
ctx.shadowColor=ctx.strokeStyle；
ctx.shadowBlur=5；
ctx.shadowOffsetX=0；
ctx.shadowOffsetY=4；
_应用（这个，参数）；
ctx.restore（）；
};
应用（这个，参数）；
ctx.stroke=_stroke；
};

@jameshan

Line

只是一个React组件，但是

Chart

export是您要修改的Chart.js库。nice刚刚粘贴了它，请确保您导入了这两个组件，就像{Line，Chart}一样