javascript - 如何在平行坐标图中使用不同方向的轴标签

Question

我正在尝试“平行坐标”图表，并且我几乎拥有了我想要的东西，但是在定义轴标签的不同方向方面我不知所措。我需要标签全部朝右，除了第一个标签。我可能必须向我的“维度”添加一个轴变量，但我不知道该怎么做。

var dimensions = [
  {
    name: "name",
    scale: d3.scale.ordinal().rangePoints([0, height]),
    type: String
  },

如果有人可以看一下代码，那就太好了。笨蛋在这里: https://plnkr.co/edit/BgKBgANoMDV3123iQ9sP?p=preview

谢谢!

Answer 1

这里的解决方案是创建 2 个不同的 y 轴:

var yAxis = d3.svg.axis()
    .orient("right");

var yAxis2 = d3.svg.axis()
    .orient("left");

然后，为第一个轴调用“左”轴:

  dimension.append("g")
      .attr("class", "axis")
      .each(function(d,i) { 
          if(i==0){
              d3.select(this).call(yAxis2.scale(d.scale)); 
          } else {
              d3.select(this).call(yAxis.scale(d.scale));
          }
      })

这是你的骗子:https://plnkr.co/edit/vzNHr6mvAVeX7J4PAnf6?p=preview