为 d3.js 条形图分配颜色？

Assigning colors to a d3.js bar chart?

我正在尝试使用 d3 创建一个颜色编码的条形图。我很接近。这是我的 bl.ocks 图表：

我想做的是根据 .tsv 文件中的 "teams" 字段分配颜色值。梅赛德斯是灰色的，法拉利是红色的，等等。我有 var 颜色域中的团队和 var 颜色范围中的颜色，我正在将 var 颜色拉入栏属性。

虽然出于某种原因，整个图表只显示范围内的第一项 - 我将其从灰色更改为红色只是为了看看是否是这样，事实确实如此。

所以！我如何让我的其余颜色进入条形图？帮助我，Whosebug，你是我唯一的希望。

在您的 .tsv 文件中，最后一列 team 与上一列没有用制表符分隔，而是用两个空格分隔。如果您查看传递给 d3.tsv 回调的 data，我想您会发现您有一个 date team 列，而不是 date 和 team 列。

这意味着字段 d.team 是 undefined 并且 ordinal(undefined) 只是 return 范围中的第一个值。