dc.js中的多折線圖

Question

我在這里陷入一個問題。 雖然可能很簡單，但我很難弄清楚。 我想在直流復合圖表上顯示多條線。 我的數據是這樣的：

{ Name: Mike, mark1: 26.9, mark2: 62.3 },
{ Name: John, mark1: 23.5, mark2: 60.3 },
{ Name: Firen, mark1: 24.3, mark2: 62.5 }

我需要將名稱繪制在X軸上，並將mark1和mark2繪制成相對於Y軸的線。 我在這里找到了一個小提琴，它使用線性刻度來達到相同的結果。 http://jsfiddle.net/anmolkoul/mzx6mnru/3/

但是它使用線性刻度，因為基本尺寸是數字。 我的基本維度是字符串，因此無法使用相同的代碼。 我認為這是由於我使用的比例尺定義。 這是我需要幫助的小提琴： http : //jsfiddle.net/anmolkoul/pjLoh1az/1/

我目前將x軸定義為

.x(d3.scale.ordinal().domain(nameDimension))
.xUnits(dc.units.ordinal)

我認為這就是問題所在。 我還有兩個補充問題：

1. 完成此操作后，如何為線條分配不同的顏色（它也應反映在圖例中）
2. 我正在看dc.js系列圖表，這行代碼有什么作用？

runDimension = ndx.dimension(function(d) {return [+d.Expt, +d.Run]; });

它會影響兩個維度嗎？ 還是只是創建兩個交叉濾鏡尺寸的一種更快的方法。

謝謝您的幫助！

Answer 1

您可以使用以下命令獲取序數值：

nameDimension.top(Infinity).map(function(d) {return d.Name}))

返回["Mike", "John", "Firen"] ，然后將其用於序數域。

但這不是必需的 ，它是自動計算的：

.x(d3.scale.ordinal())
.xUnits(dc.units.ordinal)

對於顏色，可以使用：

dc.lineChart(lineChart1).group(mark1Group,"Mark 1").colors("#FF0000")

這是經過修改的小提琴： http : //jsfiddle.net/1exo25u9/