Question

我是D3JS的新手，我正在this example之后的时间刻度制作一个可缩放的条形图。我将圆圈更改为rects。现在我无法弄清楚如何才能使条宽总是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); })

如何在D3JS时标图条形图

1 个答案: