角度NVD-3グラフ：視覚ウインドウの軸ラベルと軸番号の切り取り

Question

現在、私はangular-nvd3グラフを使ってデータを表示しています。ただし、積み重ねエリアチャートのnvd3グラフタイプでは、数値と軸ラベルが切り捨てられています。テンプレートグラフはhereと表示されます。 y軸の番号とラベルが主な関心事です。以下は、グラフのオプションコードと問題のイメージです。

y軸番号とラベルが途切れないようにサイズを小さくする方法はありますか？

$scope.optionsStacked = { 
        chart: { 
         type: 'stackedAreaChart', 
         height: 450, 
         margin : { 
          top: 20, 
          right: 20, 
          bottom: 30, 
          left: 40 
         }, 
         x: function(d){return d[0];}, 
         y: function(d){return d[1]/100;}, 
         useVoronoi: false, 
         clipEdge: true, 
         duration: 100, 
         useInteractiveGuideline: true, 
         xAxis: { 
          axisLabel: 'Time (Years)', 
          axisLabelDistance: -8, 
          showMaxMin: false, 
          tickFormat: function(d) { 
           return d3.time.format('%Y')(new Date(d)) 
          }, 
          showMaxMin: true 
         }, 
         yAxis: { 
          axisLabel: 'arb units', 
          axisLabelDistance: -4, 
          tickFormat: function(d){ 
           return d3.format(',.2f')(d); 
          } 
         }, 
         zoom: { 
          enabled: true, 
          scaleExtent: [1, 10], 
          useFixedDomain: false, 
          useNiceScale: false, 
          horizontalOff: false, 
          verticalOff: true, 
          unzoomEventType: 'dblclick.zoom' 
         } 
        } 
       }; 

Answer 1

margin.leftを増やしてみてください。それはy軸の値のためのスペースを作成します。