jQueryとD3でインデックスつきのループ処理
ある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つに分けずに組でセットにした配列にしておくのがベスト。