0
我正在使用D3。我希望根據我有多少數據,餅圖的顏色是深黃色,黃色,淡黃色,淡黃色等。D3,有顏色的切片定製
查看文檔後,我遇到了d3.scale.category10,d3.scale.category20等,但這些提供了許多不同的顏色,而不是一個淡出。
有人可以幫忙嗎?
謝謝你們 尼克
我正在使用D3。我希望根據我有多少數據,餅圖的顏色是深黃色,黃色,淡黃色,淡黃色等。D3,有顏色的切片定製
查看文檔後,我遇到了d3.scale.category10,d3.scale.category20等,但這些提供了許多不同的顏色,而不是一個淡出。
有人可以幫忙嗎?
謝謝你們 尼克
感謝拉爾斯Kotthoff的評論和一些額外的研發我來到了這一點:
var myColors = ["#f5800a","#ff8000","#ff8a14", "#ff9427", "#ff9d3b", "#ffa74e","#ffb162", "#ffbb76", "#ffc489", "#ffce9d", "#ffd8b1", "#ffe2c4","#ffebd8","fff5eb"];
d3.scale.myColors = function() {
return d3.scale.ordinal().range(myColors);
};
,並在末尾添加自定義顏色,以.showLabels(false).color(d3.scale.myColors().range())
所以我創建了一組自定義顏色,然後我將它作爲顏色範圍,最後我將範圍添加爲條形圖顏色的一個選項。
希望能幫助其他人。
您可以指定自己的顏色或色階。 –
@LarsKotthoff你能給我舉一個例子嗎? –
參見例如http://blog.simontimms.com/2013/07/08/quick-custom-colour-scales-in-d3js/ –