angular-nvd3在多栏图表列宽中更改

时间:2016-07-20 12:21:16

标签: angularjs nvd3.js

我在angular项目中使用angular-nvd3库。 我需要在" multiBarChart"中更改列宽。我试图改变事件"准备就绪"但它不起作用

onChartReady(scope, element) {
    const api = scope.api;
    const chart = scope.chart;
    const svg = scope.svg;

    var bars = svg.selectAll("rect.nv-bar");
    bars.attr("width", "200");
}

1 个答案:

答案 0 :(得分:0)

您可以使用以下代码段更改多条形图中条形的宽度。

groupSpacing属性接受0到1之间的值

值为0.1会使条形很宽。值为0.9将使它们变窄。

chart.groupSpacing(0.8); // Value must be between 0 & 1