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