如何增加轴和轴标签之间的空间？

Question

我尝试过保证金，增加了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)进一步调整。