如何使用d3.js在x轴上显示日期

时间:2015-01-26 06:36:36

标签: javascript d3.js

我必须绘制折线图,​​但会出现2个问题:

  1. 我的x轴显示前导零01,02,...,31的日期,但仅显示它们:1,2,3,...,31
  2. 最后重复01,例如01,02,03,...,31,01

    var x = d3.time.scale().range([0, width]);
    var y = d3.scale.linear().range([height, 0]);
    var formatTime1 = d3.time.format("%d");
    x.domain([xMin,xMax]).nice(s1.length-1)
    y.domain(d3.extent(s1, function(d) { return Math.max(d.value); }));  
    
    var xMin = d3.min(s1, function(d) { return d.key; });
    var xMax = d3.max(s1, function (d) { return d.key; });
    var xAxis=d3.svg.axis().scale(x)
        .orient("bottom")
        //.ticks(31)
        .ticks(d3.time.days,1)
        .tickFormat(formatTime1)
    var yAxis=d3.svg.axis().scale(y)
        .orient("left")
        .ticks(10);
    
  3. 唯一的问题是,在x轴日期,最后一个日期将打印01

    如何删除最后一个01

0 个答案:

没有答案