Javascript 图像点样式不'；是否在初始图表渲染时加载？

我想加载散点图中一个数据点的图像。我遇到的问题是图像没有加载到初始页面/图表渲染中。图像仅在单击/与图表交互时显示。 我正在使用

react-chartjs-2

，如有任何建议，将不胜感激

我尝试了以下（代码片段）

---

如果你能解决这个问题，我想问一个第2部分的问题，即当你平移图表时，与内置的

数据点样式不同，图像会偏离y轴。它仅在图表实际宽度处隐藏，如果您在组件
构造函数
中定义
图像
，它应该可以工作

constructor() {
  super();
  const myImage = new Image(25, 35);
  myImage.src = "/img/myimage.svg";

并在
render
方法中创建
散点图

render() {
  return (
    <div>
      <Scatter
        data={this.state.chartData }
        options={this.state.chartOptions}
        ...
      />
    </div>
  );
}

render（）{
返回(
);
}

请看一下这个。
谢谢。但我不想用课堂。我正在使用带有React钩子的函数组件。
constructor() {
  super();
  const myImage = new Image(25, 35);
  myImage.src = "/img/myimage.svg";

render() {
  return (
    <div>
      <Scatter
        data={this.state.chartData }
        options={this.state.chartOptions}
        ...
      />
    </div>
  );
}