Графики директив nvd3 - как мне настроить отступы?

Я рендерил некоторые данные, используя директивы nvd3, и область графика, кажется, рендерится с кучей дополнительных отступов, но я не могу понять, как это отрегулировать.

Как бы я настроить его так, чтобы график занимал больше / все доступное пространство?

1 ответ

Решение

Если вы используете angularjs-nvd3-директивы

Попробуйте использовать '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
      }
    }
  };
};
Другие вопросы по тегам