d3.js - 如何增加轴和轴标签之间的间距？

Question

我尝试过 margin 来增加 svg 和包括图表标签的整个图表之间的边距。如何增加图表标签和轴之间的间距(参见下面的红线)？

感谢您花时间查看此问题。

更新:

<text transform="translate(12,374.6),rotate(-90)" class="y-axis-label y-label" text-anchor="middle" dx="12px">Quantity</text>

解决方案:

更改文本节点的dy值可以增加两者之间的间距，但是图表和svg之间的边距也应该调整，否则文本会被截断并部分显示。

请参阅下面的@timolawl 解决方案，了解如何添加注释并更改其属性。

Answer 1

它应该看起来像这样:

chartWrapper.append('text')
  .attr('class', 'label label--y')
  .attr('transform', 'rotate(-90)')
  .attr('dx', '.71em')
  .style('text-anchor', 'middle')
  .text('Sample Label');

如果这不起作用，我相信您还可以添加 .attr('x', fooNumber) 来进一步调整。