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