0

High charts api を使用してグラフを描画する JavaScript ページを作成しました。

すべてが正常に機能しています。しかし、チャートにテキストを印刷しようとすると、いくつかの問題に直面しています。

以下のURLでコードとランニングチャートを確認できます。

http://jsfiddle.net/uVTNU/14/

以下のコード スニペットを使用して、チャート上のテキストを取得しています。

var text = chart.renderer.text(
                '500',
                57 ,                
                112.1
            ).css({
                color: '#F00',
                fontSize: '11px'                
            }).add();

ここでは、検査要素から取得した (57,112.1) として x と y の値を取得しました。

「180」は、テキストを印刷したい場所です。

私の要件は、テキスト「500」を 180 より上に印刷したいということです。

そのため、上記の座標を選択しました。

ただし、テキスト「500」は、x と y の位置が同じでも「180」の後に印刷されます。

前もって感謝します

4

1 に答える 1

1

デモ

xの属性を変更する必要がありtspanます。コードはtext x-cord何もしていないタグを変更していました

  $.each($('svg text tspan') , function(index, value){
    var myval = 500 ; // change this variable as required 
    if($(this).text() == myval){
       $(this).attr('x' , 40) ; // X-cord 
        $(this).parents('text').attr('y' ,100) ; //y-cord
    }

   });
于 2012-09-12T15:29:13.097 に答える