gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 02:20:35 26 4
gpt4 key购买 nike

如果在 X 轴上我有多个不同长度的字符串怎么办!如何让这些字符串从每个第一个字符开始绘制?如果我使用
.attr('dy', '+50') 结果不会很差,但不是你想要的!因为每个String的长度不同...

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");

enter image description here

这是一个工作示例: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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com