DC.js - colorMixin

colorMixin為需要使用顏色進行視覺化的所有圖表提供了顏色支援。colorMixin 的層次結構在下面的圖表中定義。

colorMixin 提供了以下方法列表來處理顏色，如下所示 −

colorAccessor( [colorAccessor])

獲取或設定顏色訪問器函式。這將為底層 Crossfilter 組中的每個資料點的顏色比例中對映一個不同的顏色值。預設顏色訪問器如下所示 −

mychart.colorAccessor(function (d, i){return i;})

colorDomain( [domain])

獲取或設定顏色對映函式的當前域，並且必須將其作為陣列提供。

calculateColorDomain()

透過確定使用 colorAccessor() 函式找到的資料元素的最小值和最大值來設定顏色域。

colors( [colorScale])

獲取或設定顏色比例。它接受 d3.scale。

chart.colors(d3.scale.category20b());
chart.colors(d3.scale.ordinal().range(['red','green','blue']));

linearColors(r)

設定插值線性顏色比例的快捷方法。

chart.linearColors(["#4575b4", "#ffffbf", "#a50026"]);

ordinalColors(r)

設定序數顏色比例的快捷方法。

chart.ordinalColors(['red','green','blue']);