gRaphaelグラフにパディングを追加しますか？

Question

ごくわずかなドキュメンテーションがオンラインで入手可能ですが、私はRaphael.jsとgRaphaelアドオンを使用して以下のグラフを作成する方法を試すことができました。私は、各データポイントにホバリングしている間に表示されるタグをどのようにスタイルすることができるかについてかなり混乱しています。テキストの周囲にパディングを追加するにはどうすればよいですか？ここで

は、それが今どのように見えるかです：

コード：

var r = Raphael("graphcontainer"); 
var linec = r.linechart(10,10,300,220,[1,2,3,4,5],[10,20,15,35,30], {colors:["#009933"], symbol:"circle", smooth: false}); 

linec.hoverColumn(function() { 
    this.tags = r.set(); 
    for (var i = 0, ii = this.y.length; i < ii; i++) {   
     this.tags.push(r.tag(this.x + 10, this.y[i], this.values[i]+"tkr", 0, 0).insertBefore(this).attr([{ fill: "#fff" }, { fill: this.symbols[i].attr("fill") }])); 
    } 
}, function() { 
    this.tags && this.tags.remove(); 
}); 

Answer 1

私は、軸と同様の問題がありました。

Raphaelオブジェクトを取得してjQueryオブジェクトに変換し、jQueryを使用してスタイルを設定する必要があります。このような

何か：

for (var i = 0, ii = this.y.length; i < ii; i++) {   
    this.tags.push(r.tag(this.x + 10, this.y[i], this.values[i]+"tkr", 0, 0).insertBefore(this).attr([{ fill: "#fff" }, { fill: this.symbols[i].attr("fill") }])); 
    var $jQueryObject = $(this.tags.node); 
    $jQueryObject.css('font-size', '30px') 
} 

ないすべてのCSS属性は、このソリューションでは動作しますのでご注意ください。私はなぜ誰かがこれに関するいくつかのコメントを持っている場合は、大いに感謝されるだろうか分からない。

調整が必要な場合があります。あなたの経験を教えてください;）

希望します！