d3.js - 删除 d3js 平行坐标中的轴

Question

我正在尝试实现一个功能，如果我单击一个轴，数据列将从平行坐标图中删除。但是，它似乎只删除了轴而不是删除了它下面的数据。我正在寻找的功能类似于http://bl.ocks.org/syntagmatic/3150059将一列拖到左边缘会将其从图表中删除。

parcoords.svg.selectAll(".dimension")
  .on("click", delete_axis);

function delete_axis(dimension) {
  parcoords.svg.selectAll(".dimension")
    .filter(function(d) {
      return d == dimension;
    }).remove();
}

Answer 1

你使用平行坐标库吗？https://github.com/syntagmatic/parallel-coordinates

如果是这样，您有两种可能性：
隐藏您不想显示的轴（完全；对绘图没有影响）。
这里的参数是不显示的轴名称的数组（作为字符串）

parcoords.hideAxis(param)
 .render()
 .updateAxes();

只显示你想要的（其他完全没有影响）。
这里的 param 是一个显示轴名称的数组（作为字符串）。

parcoords
 .detectDimensions()
 .dimensions(param)
 .render()
 .updateAxes();

问候琼斯