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

Question

我正在使用 nvd3 指令渲染一些数据，可绘制区域似乎用大量额外的填充渲染，但我不知道如何调整它。

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

Answer 1

如果您使用 angularjs-nvd3-directives

尝试使用“边距”作为属性，例如:

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

Controller :

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