Image AnyChart使用鼠标将图像移入/移出图表并调整其大小

我正在寻找一种方法，将多个图像放置在图表中/图表上方，然后用户可以用鼠标移动和缩放这些图像。 目前我正在使用：

var image = anychart.graphics.image(imageurl, x, y, width, height);
image.parent(chartcontainer);

绘制图表后，在图表上绘制图像。 但是，我不知道如何调整大小和移动

或者我应该使用graphics.image以外的其他工具来实现此目的

我以前也尝试过注释标签

通过鼠标拖动和缩放标记，它们的行为完全符合要求。但顾名思义，它们只能用作图表中的注释，因此只能放在我的图表系列的某些值上（valueAnchor、xAnchor）。但我也希望能够通过简单地指定X和Y坐标（如graphics.image），将图像放置在图表之外，例如标题区域。还是有可能我错过了什么

---

如果有人能帮助我，我将非常高兴。

图形库不提供用于调整图像大小的现成解决方案。您应该实现调用库API以更改图像宽度/高度或分辨率的鼠标侦听器。 但它支持拖动功能。

---

可能，任何专门处理图像的第三方库都会更适合您。

我现在通过挂起图形图像的鼠标悬停事件，然后在图像上放置一个div来实现我的目标，我将其设置为可调整大小和可拖动。在调整和拖动div时，我设置了图像的x和y坐标，以及宽度和高度。它工作得很好，达到了预期的效果。

谢谢。我将尝试鼠标事件，看看是否可以使其工作。

var controller = chart.annotations();

var annotation = controller.label();
    annotation.valueAnchor(706);
    annotation.xAnchor(50);
    annotation.anchor('top-left');
    annotation.text("");
    annotation.width(200);
    annotation.height(200);

    annotation.background({
    "enabled": true,
    "fill": {
            src: imageurl,
            mode: "stretch"
            }   
    });