javascript - D3.js:获取序号中的每个唯一值

Question

我想获取序数范围内的每个唯一值(从数组的数组构建)。假设这是我的数据集:

var people = [
  ["Mary", "Mary Smith", "ID00001", 9.99 ],
  ["James", "James Smith", "ID00002", 19.99 ],
  ["Frank", "Frank Black","ID00003", 19.96  ],
  ["Mary","Mary Brown","ID00004", 9.95  ],
  ["Tony", "Tony Stark", "ID00005", 2319.99 ],
  ["Frank", "Frank Howard","ID00006", 219.96  ],
  ["Mary","Mary Brown","ID00004", 339.95  ]
];

然后我根据这些数据建立我的规模:

var ordScale = d3.scale.ordinal()
               .domain(people.map( function (d) { return d[0]; }))
               .rangeBands([0, 10], 0); 

也就是说，尽管有六个不同的人，但我的域中最终只有四个名字(据我所知!):

• 玛丽
• 詹姆斯
• 弗兰克
• 托尼

我有两个问题:

1. 如何查看 console.log 中的序数范围？
2. 假设我是对的，并且在序数范围内只有四个值，我该如何将它们按字母顺序排列？

Answer 1

基本上，您可以检查有关比例的两件事 - 域和范围。听起来您对该域感兴趣，因此您可以通过调用相应的方法进行检查:

console.log(ordScale.domain());

演示 here .

关于你的第二个问题，你可以在将数组传递给 .domain() 之前简单地对数组进行排序:

people.map( function (d) { return d[0]; }).sort();

演示 here .