javascript - 正确旋转和对齐dc.js HeatMap中的X轴文本

如果我在X轴上有多个长度不同的弦！如何让这些字符串从每个第一个字符开始绘制？如果我用
.attr('dy', '+50')结果不会很差，但不是所希望的！由于每个字符串的长度不同...

chart.selectAll("g.cols.axis text")
 .attr('dy', '+50')
 .attr("transform", function () { var coord = this.getBBox();
 var x = coord.x + (coord.width / 2),
     y = coord.y + (coord.height / 2);
  return "rotate(90 " + x + " " + y + ")" })
  .style("fill", "blue");

这是一个有效的示例：jsfiddle.net/5mt77e0o/2请注意，名称和值是随机生成的！

最佳答案

请尝试以下代码。

将text-anchor：middle设置为text-anchor：unset并增加svg高度。

 .attr("text-anchor", "middle");

http://jsfiddle.net/5mt77e0o/3/

关于javascript - 正确旋转和对齐dc.js HeatMap中的X轴文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38182964/