Highcharts（Highstocks） - 可点击的国旗图像

Question

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

例如，单击图像左侧不会注册单击。在此示例中，click事件将仅提醒标志的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