旋转条形图中的文本

Rotating the text in bar graph

本文关键字：文本 条形图 旋转      更新时间：2023-09-26

我正在尝试制作一个垂直条形图，每个条形图中都有相应的值（它们是巨大的数字）。所以我想将每个文本旋转-90度，使它们在条形图中对齐。问题是，我无法为每个文本设置不同的原点，这样我就可以独立地旋转它们。所有的文本元素都有一个共同的原点，并且旋转时就像它们保持在图中所示的线上一样。如何为每个文本生成不同的原点？在此处输入图像描述

您可以执行类似以下代码的操作。看看这个例子。把你的代码发布在plnkr上，如果这对你不起作用，我可以看看。

 svg.append("g")
 .attr("class", "x axis")
 .attr("transform", "translate(0," + height + ")")
 .call(xAxis)
 .selectAll("text") 
 .style("text-anchor", "end")
 .attr("dx", "-.8em")
 .attr("dy", ".15em")
 .attr("transform", function(d) {
  return "rotate(-65)" 
  });
相关文章：