如何在d3中将轴标签添加到sankey图中？

Question

我想在sankey图上添加轴。可以在以下链接中找到该图表的代码：http://www.bootply.com/PIVeDmWHbz

char的可视化表示如下： https://github.com/irbp005/d3SankeyAndLineInteraction

我想添加标签：

基本上在y轴的两侧。关于如何实现这一目标的任何想法？

Answer 1

这应该是相当简单的。为每一边添加一个g元素并应用平移变换将其放置在x轴上，然后使用以下内容：

selection.append("text")
      .attr("class", "axis-label")
      .attr("transform", "rotate(-90)")
      .attr("y", -50)
      .attr("x", -height/2)
      .attr("fill", "#000")
      .style("text-anchor", "middle")
      .text("Y Label");

查看第1章中的第1个示例，解释在绘图轴上添加X和Y标签： https://leanpub.com/d3-t-and-t-v4/read