javascript - 为 d3.js 条形图指定颜色？

Question

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

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

我想要做的是根据 .tsv 文件中的“团队”字段分配颜色值。因此，梅赛德斯为灰色，法拉利为红色，等等。我有 var 颜色域中的团队和 var 颜色范围中的颜色，并且我将 var 颜色拉入栏属性中。

由于某种原因，整个图表只是呈现该范围中的第一个项目 - 我将其从灰色更改为红色只是为了看看这是否是正在发生的事情，事实确实如此。

那么!如何将其余颜色拖入条形图？帮助我，stackoverflow，你是我唯一的希望。

Answer 1

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

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