2016-07-15 17 views
46

私はInteractive Web Visualizationの書籍でd3を学ぼうとしていますが、バージョン4.0では多くが変更されています。私が本当に理解できないことの1つは、d3.scale.category10()が色に簡単に対応するための同等のものがある場合です。新しいバージョンにはそういったものがありますか、あるいはmath.randomを使用して何か自分でコードを作成する必要がありますか?代わりd3.scale.category10()のd3.js v4.0に相当するものは何ですか?

d3.scale.category10() 

使用

答えて

75

d3.scaleOrdinal(d3.schemeCategory10); 

このようなカラースケールを作成する:

var color = d3.scaleOrdinal(d3.schemeCategory10); 

はV3と同じコードでこのような色を使用する:

svg.append("rect") 
.attr("x", 10) 
.attr("y", 10) 
.attr("width", 100) 
.attr("height", 100) 
.style("fill", color(3)) 

動作するコードに

リファレンスherehere

+1

感謝をhere

を読んでください!私は変更文書をスクロールして、最後に説明を見つけました。 – anonygrits

+0

あなたは 'color()'に何を入力していても、作業コードでは、出力は常に青とオレンジです。紫色にしたいのですが? – 24ma13wg

+0

これは、私が期待していた解決策であるようです:あなたの作業コードで 'color = d3.scaleOrdinal(d3.schemeCategory10).domain(d3.range(0,9));' – 24ma13wg

関連する問題