angular-nvd3多条形图列宽变化

Question

我在我的angular项目中使用angular-nvd3库。我需要更改"multiBarChart“中的列宽。我试着在事件" on -ready“上进行更改，但它不起作用

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

Answer 1

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

groupSpacing属性接受介于0和1之间的值

值为0.1将使条非常宽。值为0.9将使它们变窄。

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