d3图上的毛刺

时间:2014-11-02 12:56:02

标签: javascript csv d3.js

我有以下图表: enter image description here

我想做的修改很少,但似乎无法找到怎么做。

  1. 在图表中出现“刻度线”,意思是y轴的右边和x轴的顶部(x轴上的那些根本没有显示),刻度线我的意思是小线它出现在t2he值旁边)
  2. 显示最后一个刻度,在这种情况下也是2500
  3. 修正项目的顺序,在屏幕上正确显示,因为我颠倒了CSV file中的值,绘制图形的实际代码与此链接中的相同:{{3 (我链接到这个,因为我无法设置一个带有CSV文件加载的jsfiddle)。在该链接上,tsv文件也是颠倒顺序,列表中的最后一项是作为第一个
  4. 绘制的

    对于1.,这是轴的代码,所以我已经指定了刻度值:

    var xAxis = d3.svg.axis()
      .scale(x)
      .orient("bottom");
    
    var yAxis = d3.svg.axis()
      .scale(y).tickValues([0, 500, 1000, 1500, 2000, 2500, 3000, 3500, 4000])
      .orient("left");
    

    对于3.,我在d3.csv处理程序中使用了排序:

    data.sort(function(a,b) {return b.date-a.date;});
    

    由于

0 个答案:

没有答案