2

私は Raphael.js のチャートを使用していますが、javascript と JQuery の経験はほとんどありません。

塗りつぶしデータに関していくつか問題があります。私は単にすべての塗りつぶしデータを取得したかっただけです (この例では 2 つのテキスト タグがあるため、2fill="#ff0000"つとfill="#00e0ff" 

<text style="font: 20px "Arial"; opacity: 1; text-anchor: middle;" x="555.0919781452639" y="222.43750078648324" text-anchor="middle" font="10px "Arial"" stroke="none" fill="#ff0000" opacity="1" font-size="20px">
   <tspan dy="7.000000786483241">Ruby</tspan>
</text>

<text style="font: 20px "Arial"; opacity: 1; text-anchor: middle;" x="604.746975531892" y="434.94193863997384" text-anchor="middle" font="10px "Arial"" stroke="none" fill="#00e0ff" opacity="0" font-size="20px">
   <tspan dy="7.000532389973841">PHP</tspan>
</text>

とにかく、私はそれのためにjsfiddleアカウントを作成しました。私は本当にまだアイデアがありません。http://jsfiddle.net/psyreaper3/rXXem/9/

4

4 に答える 4

3

このコードをコールバック関数に入れてみてください:

$('text').each(function(){
    alert($(this).attr('fill'));
});
于 2013-04-14T09:30:44.757 に答える
1

やや醜いが機能的な解決策は次のとおりです。

$($('text')[0]).attr('fill');(これにより、最初のテキストの fill 属性
$($('text')[1]).attr('fill');が得られます) および (2 番目のテキストが得られます)。

これらの要素に ID を使用して、特定のテキスト要素の属性を簡単に取得できるようにするのが理想的です。

<text id="first" fill="blah"></text>そして、あなたはすることができます$('#first').attr('fill');

于 2013-04-14T09:19:37.590 に答える
0

この方法で fill プロパティを取得できます。

$('text').each(function(){
   alert($(this).prop('fill'));
})
于 2013-04-14T09:17:51.723 に答える
0

更新されたフィドル

次の方法で塗りつぶし属性を取得できます。

$(this).attr('fill');

次を使用して更新できます。

$(this).attr('fill','#ffee00');
于 2013-04-17T05:05:16.830 に答える