読者です 読者をやめる 読者になる 読者になる

pandazx's blog

Hadoop, データ分析など雑多な技術ブログ

jQueryとD3でインデックスつきのループ処理

D3.js

あるdivタグに全体を太字にして、各要素のテキストは色を変える場合
jQueryとD3を使って、以下のように書ける。

var elem = d3.select("id").append('b');
$.each(labels, function(i,label){ elem.append("font").text(label + " ").attr("color", colors[i]) });

配列ループのところだけインデックス付きでループさせるのでjQueryの書き方で他はd3を使っている。まぁ、単純にD3で同様のループの書き方がわからなかっただけですが。。。

王道としては、そもそも配列を2つに分けずに組でセットにした配列にしておくのがベスト。