使用d3創建條形圖時，如何將條高與尺度上的數字相關聯？

在爲d3.js中的兩個軸創建帶有數據的條形圖時，如何將軸的位置和高度與軸上的數字鏈接起來？使用d3創建條形圖時，如何將條高與尺度上的數字相關聯？

2016-01-20 Samruda Anand

添加您編寫的代碼，以便人們可以幫助您。 –

使用像c3.js這樣的軟件包在d3中生成條形圖併爲您做到這一點 - http://c3js.org/examples.html – mgraham

沒有必要添加評論中提到的新庫。只需用您的座標軸來縮放您的酒吧的寬度和高度即可。

簡單的例子：http://bl.ocks.org/d3noob/8952219

注意到這些代碼行：

svg.selectAll("bar") 
     .data(data) 
    .enter().append("rect") 
     .style("fill", "steelblue") 
     .attr("x", function(d) { return x(d.date); }) 
     .attr("width", x.rangeBand()) 
     .attr("y", function(d) { return y(d.value); }) 
     .attr("height", function(d) { return height - y(d.value); });

他傳球，他希望作爲高度（d.value）使用於y規模的數量。這樣，軸上的標籤與條形的高度吻合

來源

2016-01-20 10:03:40 thatOneGuy

是的，我知道了。非常感謝您的回答。 –

縮放數據只適用於數字是正確的數據？如何處理文本數據。例如說一年中的幾個月。 –

你設置的寬度，讓它們都一樣，你只需要傳遞你想要顯示的數據到這個域的刻度如下：x.domain（data.map（function（d）{return d.date;}）） ; – thatOneGuy

使用d3創建條形圖時，如何將條高與尺度上的數字相關聯？

回答

相關問題