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

How to use different orientation for axis label in a parallel coordinate chart

本文关键字：同方向 标签 坐标      更新时间：2023-09-26

我正在尝试一个"平行坐标"图表，我几乎有我想要的东西，但我无法为轴标签定义不同的方向。我需要所有的标签都指向右边，除了第一个。我可能需要在我的"尺寸"中添加一个轴变量，但我不确定如何做到这一点。

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

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

谢谢！

这里的解决方案是创建两个不同的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));
          }
      })

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

相关文章：