javascript - ChartJs Pointstyle 图像仅在悬停时呈现

Question

我在角度应用程序中使用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
          }
        }
    }});