在d3.js中将新轴添加到Parallel Coordinates可视化

Question

我在此处托管了我的并行坐标代码：http://bl.ocks.org/aditeyapandey/d416c90c99e19f7c9209

单击段落元素后，我们可以向可视化添加新轴。但是，新轴没有与其他轴正确交互。因此，如果我们将新添加的“运输”轴拖过其他轴，那么它不会引发问题。但是，如果我们将其他轴放到“运输”，则交互不起作用。附上截图供参考。

图1添加轴之前：

图2使用新轴“Shipping”

图3将轴拖过装运

时出错

PS。我真的很抱歉这些糟糕的代码，它正在进行中并且主旨阻止了我，因为它认为我是一个机器人。所以，我无法修改它。非常感谢。

Answer 1

我找到了解决方案。显然，仍然从早期代码中调用拖动行为。因此，我们必须覆盖先前的拖动行为，然后添加一个包含所有数据字段和轴的新行为。

更新的代码供参考：http://bl.ocks.org/aditeyapandey/d416c90c99e19f7c9209