0

オンラインで入手できるドキュメントはほとんどありませんが、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();
});
4

1 に答える 1

0

軸にも同様の問題がありました。

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 属性がこのソリューションで機能するわけではないことに注意してください。誰かがこれについてコメントをくれた場合、なぜそれが高く評価されるのかわかりません。

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

それが役に立てば幸い！

于 2012-04-12T15:01:36.090 に答える