2012-11-29 39 views
1

向图表添加标志并使用图像作为标志形状时,结果不符合我的预期。看起来标志的可点击区域实际上并不是放置图像的地方 - 而且文字标题也是偏离中心的。Highcharts(Highstocks) - clickable flag images

JSFiddle Screenshot

例如,单击对图像不登记点击左侧。在这个例子中,点击事件只会提醒标志的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/

回答