javascript – d3js Parallel坐标分类数据

我正在寻找一种向d3js平行坐标添加分类数据的方法. D3js对我来说是新手,我可以理解正在做的一些事情,但却无法找到一种方法.并行集不是一个好选择,因为我的大多数数据都是连续的.

如果您考虑汽车示例,我希望能够按轴上的品牌进行过滤(例如过滤器,以便仅显示福特的数据).我假设需要一个变量来定义每辆车(例如标致,福特,宝马,奥迪等……)

这是汽车的例子.

http://bl.ocks.org/1341281

感谢任何响应的人.

解决方法

实际上你需要的只是一个有序的尺度!轴将负责其余部分.

看看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;
}));

我在数据中添加了一个字符串值分类列.对于硬编码我有点懒,哪个属性是字符串值的.

相关文章

事件冒泡和事件捕获 起因:今天在封装一个bind函数的时候,发现el.addEventListener函数支持第三个参数...
js小数运算会出现精度问题 js number类型 JS 数字类型只有number类型,number类型相当于其他强类型语言...
什么是跨域 跨域 : 广义的跨域包含一下内容 : 1.资源跳转(链接跳转,重定向跳转,表单提交) 2.资源...
@ "TOC" 常见对base64的认知(不完全正确) 首先对base64常见的认知,也是须知的必须有...
搞懂:MVVM模式和Vue中的MVVM模式 MVVM MVVM : 的缩写,说都能直接说出来 :模型, :视图, :视图模...
首先我们需要一个html代码的框架如下: 我们的目的是实现ul中的内容进行横向的一点一点滚动。ul中的内容...