D3折线图-在Y轴刻度上显示值标签，且不按比例

Question

我想在Y轴上打印标签，而不是刻度刻度范围。 这是我的数据集，我希望在其中在Y轴上打印data.values [i] .label。

var data = [
  {
    name: "USA",
    values: [
      {date: "2000", price: "500", label: "High"},
      {date: "2001", price: "400", label: "High"},
      {date: "2002", price: "300", label: "Medium"},
      {date: "2003", price: "200", label: "Medium"},
      {date: "2004", price: "100", label: "Low"},
      {date: "2005", price: "200", label: "Medium"}
    ]
  }
];

我以为我需要在157行做点什么，就像在这里回答的那样，但是我需要传递值[i]，而不仅仅是价格。 就像是

var yAxis = d3.axisLeft(yScale).tickFormat( function(d) { return d.label } );

一些指导将不胜感激。 我在这里在Codepen上测试过

Answer 1

希望对您有帮助

var yAxis = d3.axisLeft(yScale).ticks(5).tickFormat( function(d, i) { return data[0].values[i].label;  } );