NVD3多欄水平圖x軸域

如何使用nvd3將我的域設置爲[0,400]？這裏是我的代碼：NVD3多欄水平圖x軸域

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

來源

2013-09-27 Pio

你可以使用xDomain or yDomain取決於你軸線需求終於

chart.xDomain([0,400])

如果你想玩弄於y軸的範圍，你可以嘗試

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

希望它有幫助。

來源

2013-09-27 10:31:17 shabeer90

謝謝，我一直在嘗試'xDomain'，但我沒有設置足夠大的規模。然後我發現，X軸是垂直軸，而不是水平軸。我需要修改水平的一個。 – Pio

@Pio檢查用'chart.forceX（[0，400]）更新的答案;'是否有效 – shabeer90

只是添加一個注意，強制軸值在圖實例化時工作。如果在圖表實例化之後執行，則不會設置軸值。

來源

2017-10-31 15:49:56 Vishal

NVD3多欄水平圖x軸域

回答

相關問題