javascript - Highcharts (Highstocks) - 可点击的旗帜图像

Question

将标志添加到图表并使用图像作为标志的形状时，结果不是我所期望的。似乎标志的可点击区域实际上并不是放置图像的位置 - 而且文本标题也偏离中心绘制。

例如，单击图像左侧不会记录单击。在此示例中，单击事件将简单地提醒标志的 ID。

下面是我要添加的标志的 JavaScript 对象：

{
    "type": "flags",
    "onSeries": "dataseries",
    "shadow": false,
    "width": 32,
    "shape": "url(http://www.highcharts.com/demo/gfx/sun.png)",
    "data": [{
        "x": 4,
        "title": "This is flag one",
        "text": "Click to edit",
        "id": "flag-01",
        "events": {
            "click": flagClick,
        },
    }],
}

请问有人可以告诉我如何纠正这个问题吗？我已经开始了一些我想要在 JSFiddle 中实现的简单代码：

http://jsfiddle.net/g105b/jR5kU/

Answer 1

这是一个已知问题，已在4 天前修复。
您可以在以下链接中看到它的报告。
https://github.com/highslide-software/highcharts.com/issues/1378#issuecomment-10885280