d3.js - NVD3多条横图x轴域

Question

如何使用 nvd3 将我的域设置为 [0,400]？这是我的代码：

var chart;
nv.addGraph(function() {
    chart = nv.models.multiBarHorizontalChart().x(function(d) {
        return d.label
    }).y(function(d) {
        return d.value
    }).margin({
        top : 30,
        right : 20,
        bottom : 50,
        left : 175
    }).barColor(d3.scale.category20().range()).transitionDuration(250).stacked(true)

    chart.yAxis.tickFormat(d3.format(',.2f'));

    d3.select('#chart1 svg').datum(long_short_data).call(chart);

    nv.utils.windowResize(chart.update);

    chart.dispatch.on('stateChange', function(e) {
        nv.log('New State:', JSON.stringify(e));
    });

    return chart;
}); 

Answer 1

您可以xDomain or yDomain根据您的轴要求使用，最后

chart.xDomain([0,400])

如果您想使用 yAxis 上的范围，您可以尝试

chart.forceY([0, 400]); or chart.forceX([0, 400]);

希望能帮助到你。

Answer 2

只是要补充一点，强制轴值在图表实例化时起作用。如果我在图表实例化后执行此操作，则不会设置轴值。