2014-07-16 47 views
0

我正在使用D3。我希望根據我有多少數據,餅圖的顏色是深黃色,黃色,淡黃色,淡黃色等。D3,有顏色的切片定製

查看文檔後,我遇到了d3.scale.category10,d3.scale.category20等,但這些提供了許多不同的顏色,而不是一個淡出。

有人可以幫忙嗎?

謝謝你們 尼克

+0

您可以指定自己的顏色或色階。 –

+0

@LarsKotthoff你能給我舉一個例子嗎? –

+1

參見例如http://blog.simontimms.com/2013/07/08/quick-custom-colour-scales-in-d3js/ –

回答

1

感謝拉爾斯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())

所以我創建了一組自定義顏色,然後我將它作爲顏色範圍,最後我將範圍添加爲條形圖顏色的一個選項。

希望能幫助其他人。