nvd3指令图 - 如何调整填充？

Question

我正在使用nvd3指令渲染一些数据，并且可绘图区域似乎渲染了大量额外的填充，但我无法弄清楚如何调整它。

我如何调整它以使图形占用更多/全部可用空间？

Answer 1

如果您使用angularjs-nvd3-directives

尝试使用＆＃39; margin＆＃39;作为属性，例如：

<nvd3-multi-bar-chart margin="{left:30,top:30,bottom:30,right:30}">
  ... 
</nvd3-multi-bar-chart>

如果您使用angular-nvd3

尝试使用＆＃39; margin＆＃39;如上所述的属性或＆＃39;选项＆＃39;属性如：

指令：

<nvd3 ng-controller="MainCtrl" options="options"> ... </nvd3>

控制器：

app.controller('MainCtrl', function($scope) {
  $scope.options = {
    chart: {
      type: 'multiChart',
      margin : {
        top: 30,
        right: 30,
        bottom: 30,
        left: 30
      }
    }
  };
};