Javascript 需要帮助使用Apexcharts将图像用作动作图中的绘图吗

这是一张与体育相关的图表，我们正在根据目标框架绘制行动图。这给出了射门/扑救在球门框架上的位置。Apexcharts图书馆正用于此目的

现在，我的开发人员不能在绘图中使用自定义设计的图像，只能使用具有特定渐变的圆。图片：

我们需要使用图像来代替这些圆。然而，当其中一个被用作测试时，就会发生这种情况

对于不同类型的情节，我们有不同的图像。绘图都是正确的，我们只是不能使用图像

我已经分享了目前正在使用的代码

var img='img2.jpeg'；
变量选项={
图表：{
身高：500，
宽度：500，
键入：“散布”，
缩放：{
已启用：false
}
},
标记：{
尺寸：10，
},
//颜色：[“#fff”]，
//颜色：['#76FF03']，
//填写：{
//类型：'梯度'，
//不透明度：0.7，
// },
填写：{
键入：“图像”，
不透明度：1，
图片：{
src:[img，img.img，img，img，img]，
宽度：35，
身高：35
}
},
系列：[{
名称：“R射宽”，
数据：[7.21,5.64]
},
{
名称：“R射宽”，
数据：[0.97,1.22]
},
{
名称：“R上射击”，
数据：[1.42,3.96]
},
{
名称：“R目标”，
数据：[3.35，.78]
},
{
名称：“R射宽”，
数据：[4.27,8.37]
}
],
xaxis：{
金额：8，
分:0,，
最高：8，
标签：{
节目：假
},
axisBorder：{
节目：假
},
axisTicks：{
节目：假
},
十字准星：{
节目：假
}
},
亚克斯：{
金额：5，
分:0,，
最高：5，
标签：{
秀：真的
}
},
图例：{
节目：假
},
工具提示：{
启用：false，
x:{
秀:假,，
标题：假，
},
y:{
格式化程序：函数（val、索引）{
返回“”
},
标题：{
格式化程序：（seriesName）=>seriesName，
},
}
},
数据标签：{
已启用：false
},
网格：{
秀:假,，
}
}
console.log（选项）；
$（“#上一个"目标"地图”）.html（“”）；
var图表=新的ApexCharts(
document.querySelector（“上一个目标图”），
选择权
);
chart.render（）；

这似乎是ApexCharts中的一个bug

我尝试使用散点图中的图像，如中所示，但图像尺寸不符合

标记.size

。 因此，我将在GitHub上打开一张罚单，并在修复完成并发布后更新此答案

---

免责声明：我是ApexCharts的创建者

我想你是这篇文章的最佳作者！谢谢。你知道这需要多长时间吗？我们设法编辑了一点代码，得到了一个稍微不同的。问题是，我们计划在~1周内向一些人展示这些图表。如果不能及时完成，您对最佳替代方案有何建议？您可以期待在即将到来的周末发布。Apexcharts 3.6.1发布了修复此问题的版本