Javascript 拟合D3图形的数据以创建图例

我有一个包含以下内容的数据变量：

  [Object { score="2.8",  word="Blue"}, Object { score="2.8",  word="Red"}, Object { score="3.9",  word="Green"}]

我感兴趣的是修改D3图形的一部分以显示图例，这将是我的数据集的“单词”列表

图例脚本如下所示（从上面的链接）：

---

如何修改他们的ageNames函数以显示数据中的“word”集？我不确定他们是如何使用d3.0键的。还有其他方法吗？

这应该或多或少有效，但您可能需要

反转（）

（如原始示例所示）或以其他方式重新排列

单词的元素，以便正确地将单词映射到正确的颜色。取决于您如何实现图形

var words = yourDataArray.map(function(entry) { return entry.word; });

var legend = svg.selectAll(".legend")
  .data(words)
// The rest stays the same

这应该或多或少有效，但您可能需要
reverse（）
（如原始示例所示）或以其他方式重新排列
单词的元素，以便正确地将单词映射到正确的颜色。取决于您如何实现图形

var words = yourDataArray.map(function(entry) { return entry.word; });

var legend = svg.selectAll(".legend")
  .data(words)
// The rest stays the same

伟大的这就是我需要的！伟大的这就是我需要的！