軸ラベルと軸ラベルの間のスペースを増やす方法は？

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)を追加することができると信じて。