是否有可能仅使用CSS在网格上方的amChart XY图表中放置背景图像？

Question

正在开发用于绘制曲棍球击球数据的应用程序，而我正在使用XY amChart绘制我的数据。我已经可以通过以下方法在chartdiv上添加背景图像：

#chartdiv{
    background-image: url("/imgs/rink.png");
    background-repeat: no-repeat;
    background-size: calc(100% - 10px) calc(100% - 10px);
}

我曾尝试使用calc在网格线之间完美对齐图像，但并非在所有显示器上都可以使用。上面的CSS在两个不同的屏幕上显示了以下结果：

和：

请注意第二张图像左侧的重叠部分。

如何将图像保持在网格线内？

Answer 1

amcharts中有一个名为backgroundImage的属性，您可以像这样简单地添加它

{
  .... amcharts configrations ....

  backgroundImage:'image.png'

  .... amcharts configrations ....
}

检查this文件是否有版权