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

Question

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

我将如何调整它以使图表占用更多/所有可用空间？

Answer 1

如果您使用angularjs-nvd3-directives

尝试使用 'margin' 作为属性，例如：

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

如果您使用angular-nvd3

尝试使用 'margin' 作为属性，如上面或 'options' 属性，如：

指示：

<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
      }
    }
  };
};