Javascript 仅在悬停时渲染的ChartJs Pointstyle图像

我在角度应用程序中使用chartjs将图像作为pointStyle直线图（数据集在x，y坐标中）。 图像成功地渲染一次悬停。我希望在图形加载后立即渲染图像

这是我的一段代码

let yourImageRed = new Image();
    yourImageRed.src = 'abc.png';


new Chart('top-chart', {
      type: 'line',
      data: {
        datasets:[
           {
              data:[
                   {x:1,y:1},{x:3,y:4}
              ],
              pointStyle:yourImageRed,
              fill:false,
              spanGaps:false,
              showLines: false,
              borderWidth: 0,
              borderColor:'rgba(0,0,0,0)'
           }
        ]
      },
      options: {
        elements: {
          point: {
            radius: 4,
            hitRadius: 0,
            hoverRadius: 0
          }
        }
    }});

---

您是否已设法解决此问题？我遇到了相同的问题？请尝试以下操作：悬停：{animationDuration:0}和此。。。元素：{point:{radius:3，hitRadius:0，hoverRadius:0}}内部选项…另外，我正在插件中使用beforeInit生命周期来创建数据集…您是否已设法解决此问题？我遇到了相同的问题？尝试此操作：hover:{animationDuration:0}而这个。。。元素：{point:{radius:3，hitRadius:0，hoverRadius:0}}内部选项…另外，我在插件中使用beforeInit生命周期来创建数据集。。。