D3.js y轴时间刻度

Question

D3.js中是否可以有一个带有时间刻度y轴的折线图？

我找到了文档： https : //github.com/mbostock/d3/wiki/Time-Scales

而且Y轴似乎没有限制。

你有什么例子吗？

Answer 1

它与使用线性标尺几乎相同：

var svg = d3.select('#your_svg_id').select("svg")
    .attr('width', 300)
    .attr('height', 300)
    .append("g");

var  yScale = d3.time.scale()
    .domain([new Date(1980, 0, 1), new Date() ])
    .range([100, 0]);
    // Domian being the from and to date and range the from to positioning of the axis

svg.append("svg:g")
    .attr("class", "y axis")
    .call(yAxisGen);