1

チャートにフラグを追加し、フラグの形状として画像を使用すると、結果は私が期待する方法ではありません。旗のクリック可能な領域は、実際には画像が配置されている場所ではないようです。また、テキストのタイトルも中心から外れて描画されています。

JSFiddleスクリーンショット

たとえば、画像の左側をクリックしても、クリックは登録されません。この例では、クリックイベントは単にフラグの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/

4

1 に答える 1

0

これは4 日前に修正された既知の問題です。
以下のリンクでそのレポートを見ることができます。
https://github.com/highslide-software/highcharts.com/issues/1378#issuecomment-10885280

于 2012-12-04T20:14:04.103 に答える