Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript d3图上的小故障_Javascript_Csv_D3.js - Fatal编程技术网

Javascript d3图上的小故障

Javascript d3图上的小故障,javascript,csv,d3.js,Javascript,Csv,D3.js,我有以下图表: 我想做的修改很少,但似乎找不到如何做 让勾号线出现在图中,表示y轴右侧和x轴顶部,x轴上的勾号线根本不显示,我所说的勾号线是指出现在t2he值旁边的小线 显示最后一个勾号,在本例中也是2500 修复项目的顺序,在屏幕中正确显示,因为我颠倒了中的值,并且绘制图形的实际代码与此链接中的代码相同:我链接到此链接,因为我无法设置JSFIDLE和CSV文件加载。在该链接上,tsv文件的顺序也是相反的,列表中的最后一项被绘制为第一项 对于1.,这里是轴的代码,因此我已经指定了刻度值: va

我有以下图表:

我想做的修改很少,但似乎找不到如何做

让勾号线出现在图中,表示y轴右侧和x轴顶部,x轴上的勾号线根本不显示,我所说的勾号线是指出现在t2he值旁边的小线 显示最后一个勾号,在本例中也是2500 修复项目的顺序,在屏幕中正确显示,因为我颠倒了中的值,并且绘制图形的实际代码与此链接中的代码相同:我链接到此链接,因为我无法设置JSFIDLE和CSV文件加载。在该链接上,tsv文件的顺序也是相反的,列表中的最后一项被绘制为第一项 对于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处理程序中的排序:


谢谢

1 y轴使用.orientright,x轴使用.orienttop。2.使用.tickValue明确指定显示哪些记号。3在将数据传递给D3之前对其进行排序。我添加了一个编辑。1 y轴上的效果会将数字移动一个井,我需要这些数字保持在左侧,但只有右侧的小刻度。将底部更改为顶部时,x轴上没有任何变化。2我已经指定了。tick值,但是没有显示较大的值。要在不同方向上显示刻度和标签,必须以某种方式组合两个轴。.tickValues方法应该可以工作,所以您可能在其他地方覆盖了它?两个轴听起来很复杂:D是否至少有一种方法可以将记号添加到x轴,因为它们没有显示出来?正如我所说,我修改了slighthyl代码,所以您可以看到x轴有什么问题。我似乎找不到任何对勾号值的覆盖,它们被正确应用,如果我忽略它们,它们将以200的增量递增,但不会显示较大的值。使用.tickValues是指定所需勾号值的方法。
data.sort(function(a,b) {return b.date-a.date;});