javascript - d3js 平行坐标分类数据

Question

我正在寻找一种将分类数据添加到 d3js 平行坐标的方法。 D3js 对我来说是新手，我能理解一些正在做的事情，但还没有想出这样做的方法。平行集不是一个好的选择，因为我的大部分数据都是连续的。

如果您想到汽车示例，我希望能够按轴上的品牌进行过滤(例如，过滤以便仅显示福特的数据)。我假设需要一个变量来定义每辆车(例如 Peugeot、Ford、BMW、Audi 等...)

这是汽车的例子。

http://bl.ocks.org/1341281

感谢所有回复的人。

Answer 1

实际上，您只需要一个序数标度!轴将处理其余部分。

检查一下 here .

基本上我改变了:

x.domain(dimensions = d3.keys(cars[0]).filter(function(d) {
  return d != "name" && (y[d] = d3.scale.linear()
      .domain(d3.extent(cars, function(p) { return +p[d]; }))
      .range([h, 0]));
}));

到:

x.domain(dimensions = d3.keys(cars[0]).filter(function(d) {

    if(d === "name") return false;

    if(d === "colour") {
        y[d] = d3.scale.ordinal()
          .domain(cars.map(function(p) { return p[d]; }))
          .rangePoints([h, 0]);

    }
    else {
        y[d] = d3.scale.linear()
          .domain(d3.extent(cars, function(p) { return +p[d]; }))
          .range([h, 0]);
    }

    return true;
}));

然后我向数据中添加了一个字符串值分类列。我有点懒于硬编码哪个属性是字符串值。