1

Google ビジュアライゼーションを使用して縦棒グラフを生成しています。表示にスパイスを加えるために、カスタム テキストと画像を使用して注釈を変更したいと考えています。これを行うには、各注釈の正確な上位置と左位置を取得する必要があります。

現在、一連の試行錯誤の後にいくつかのランダムな値を適用して、レイアウトを探しているものに近づけています。

注釈の x、y 値を画面の左と上の値に変換できるかどうかを知りたいです。そうすれば、目的のレイアウトを取得できます。

このリンクを参照してください http://www.screencast.com/t/f0ytn2m0IS

230 などの値を持つ小さなオレンジ色のアイコンは、折れ線グラフに沿っている必要があるアイコンです。

4

1 に答える 1

0

この回答「SVGでテキストを絶対に方向付けるにはどうすればよいですか」を確認できます。その回答のコードを使用してjQueryプラグインを作成できます。

$.fn.getRealBBox = function() {
    if (this[0] instanceof SVGElement) {
        return getBoundingBoxInArbitrarySpace(this[0], this[0].getCTM());
    } else {
        throw "selector '" + this.selector + "' is not SVGElement";
    }
};

それを使用して x と y を取得し、オブジェクトの左上をこれらの値に設定できます。html オブジェクトを中央に配置したい場合は、 と を追加するだけbox.width/2ですbox.height/2。

于 2013-08-14T10:59:45.810 に答える