D3.js - y 轴标签的自动调整大小

【问题标题】：D3.js - Autoresize of y axis labelsD3.js - y 轴标签的自动调整大小
【发布时间】：2020-01-28 23:16:33
【问题描述】：

我用 D3.js 创建了一个图表，如下所示，它显示在我网页的左侧（空边距），但 y 轴的标签没有完全显示：

如何避免这种情况并显示完整的标签（例如 10,000 个）？我必须增加 SVG 的大小吗？减少文本之一？请给一段代码好吗？

您需要更多信息吗？

提前致谢！

【问题讨论】：

【解决方案1】：

您的标签很可能是从 svg 元素的可视区域之外开始的。例如，您可以应用attr('transform','translate(x,y)')，其中x 是水平平移，y 是垂直平移（在这种情况下可能是y=0）。

将绘图的域设置为更靠右一点也是可能的，也许更可取，例如，

d3.scaleLinear()
  .domain(min,max)
  .range(x1,x2)

这里x1 是min 出现的像素，x2 是max 的像素值

【讨论】：