如何在D3JS時間尺度條形圖中將矩形條寬度設置爲1分鐘

Question

我是D3JS的新用戶，我在this example之後的時間範圍內製作了可縮放的條形圖。我將圈子改爲反面。現在我只是無法弄清楚如何才能使酒吧的寬度總是1分鐘？

Answer 1

你可以做到這一點...

var parseMin = d3.timeParse("%M"); 
var oneMinWidth = x(parseMin("1"))-x(parseMin("0")); 
messages.selectAll("message") 
    .data(data) 
    .enter().append("rect") 
    .attr('class', 'message') 
    .attr("width", oneMinWidth) 
    .attr("height", oneMinWidth) 
    .style("opacity", 0.4) 
    .attr("x", function(d) { return x(d.sent_time); }) 
    .attr("y", function(d) { return y(d.messages_sent_in_day); })