d3.js - d3 滴答只显示星期日 :

Question

我希望我的体重秤从第一天开始到最后一天结束，而不是只显示星期天:

我希望数据从 28(不是 3)开始，但它从星期日的 3 开始:

如何在一周中的任何一天开始我的体重秤？

我希望显示的天数与我给出的图表不显示星期日的数据相匹配。

链接到示例:http://jsfiddle.net/3LZua/2/

提前致谢。

附言这是代码:(html中会有一个)

followerLineGraph = function(data)
{    
    var width = 400;

    var x = d3.time.scale()
        .domain([data[0].date, data[data.length - 1].date])
        .range([0, width]);

    var chart = d3.select("#test").append("svg").attr("class", "chart");

    //Date Label
    var xAxis = d3.svg.axis()
        .scale(x)
        .ticks(data.length)
        .tickFormat(d3.time.format('%m/%d-%a'))
        .tickSize(0)
        .tickPadding(8);

    chart.append('g')
        .attr('fill', '#1ff')
        .call(xAxis);
}

    var data = [
      { date: new Date(2013, 1, 28), TotalLikes: 18 },
      { date: new Date(2013, 2, 14), TotalLikes: 15 },
      { date: new Date(2013, 2, 21), TotalLikes: 17 },
      { date: new Date(2013, 2, 28), TotalLikes: 17 },
      { date: new Date(2013, 3, 4), TotalLikes: 20 }
];

followerLineGraph(data);

Answer 1

我刚刚面临一个非常相似的问题，我无法在 d3 文档中找到答案。但是，我查看了 d3 源代码( https://github.com/mbostock/d3/blob/master/d3.js )，我能够找到以下行:

d3.time.weeks = d3.time.sunday.range;

记住这个提示:请注意，如文档中所述，

var xAxis = d3.svg.axis()
   .scale(x)
   .ticks(d3.time.weeks, 1);

在每个星期日给出一个带有勾号的轴 - 所以

var xAxis = d3.svg.axis()
   .scale(x)
   .ticks(d3.time.xxxday.range, 1);

给出一个轴，每个 xxxday 上都有一个勾号，其中 xxxday是 monday , tuesday , wednesday , thursday , friday , saturday , 或 sunday .