将颜色分配给d3.js条形图？

Question

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

http://bl.ocks.org/sconnors37/b99070b055f125c9dff1/1cb53954be3f20e3c4492066eccd749b5cf04bbe

我尝试做的是根据＆＃34;团队＆＃34;分配颜色值。我的.tsv文件中的字段。对于梅赛德斯来说是灰色的，对于法拉利来说是红色等等。我有var颜色域中的团队和var颜色范围内的颜色，并且我将var颜色拉到了bar attrib。

出于某种原因，整个图表只是在范围内的第一个项目 - 我将它从灰色变为红色，只是为了看看是否正在发生的事情，它是。

原来如此！如何让剩余的颜色进入条形图？帮助我，stackoverflow，你是我唯一的希望。

Answer 1

在.tsv文件中，最后一列team未通过标签与上一列分开，而是通过两个空格分隔。如果您查看传递给data回调的d3.tsv，我认为您会发现您有一个date team列，而不是date和team列。

这意味着字段d.team为undefined，ordinal(undefined)只会返回范围中的第一个值。