Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.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 使用d3js从两个csv文件导入数据_Javascript_Jquery_Html_Csv_D3.js - Fatal编程技术网

Javascript 使用d3js从两个csv文件导入数据

Javascript 使用d3js从两个csv文件导入数据,javascript,jquery,html,csv,d3.js,Javascript,Jquery,Html,Csv,D3.js,考虑一下这一点。在本例中,我想使用csv文件加载第33行-[data.csv]的数据和第158行-[data1.csv]的数据。我想使用两个单独的csv文件。我尝试使用csv文件作为第33行的数据,代码如下 d3.csv("data.csv", function(csvData) { csvData.forEach(function (d,i) { data[i] = { first: +d.first, second: +d.second } }

考虑一下这一点。在本例中,我想使用csv文件加载第33行-[data.csv]的数据和第158行-[data1.csv]的数据。我想使用两个单独的csv文件。我尝试使用csv文件作为第33行的数据,代码如下

 d3.csv("data.csv", function(csvData) {

csvData.forEach(function (d,i) {
    data[i] = {
      first: +d.first, 
      second: +d.second
    } 
});
console.log(data);

我能够得到一个输出,但是图表之间的距离太远了,出现了以下错误:意外值和属性。如何使用两个单独的csv文件以高效的方式加载两个数据集?

这是这个不断增长的项目的最终结果:)(这里的许多csv工作都是由great Lars指导的……像往常一样,他受到了很多赞扬。)


由于顶部图表上的数据来自datam.csv。

您必须使用
d3.csv
两次。是的,Lars,但图表向下移动,即顶部图表与底部图表之间的距离为某个空格,出现以下错误:在分析cy属性时出现意外值。我在JSFIDLE中没有看到这一点。当我在浏览器中执行时,那么如何在JSFIDLE中使用csv文件呢?您可以使用类似的东西,它允许您拥有多个文件。fernofthean表示data.csv正确加载,而datam.csv没有加载,即顶部的图表采用data.csv本身的值。我想让顶部的图表获取datam.csv值。@user3438326是的,
data(datam)
是解决这个问题的方法。我已经用修改后的plunker更新了回复。见上文。费尔诺夫特汉德斯非常感谢你。你真是棒极了:费尔弗多安迪斯-考虑一下这个傻瓜。在这个plunker中,我又添加了一个文件datan.csv,也在data.csv中添加了一列,名为third。我希望图表按照data.csv文件中的枚举顺序绘制,在data.csv文件中,第一个表示X轴,第二个表示Y单位的数量,第三个表示应根据枚举数据的顺序排序的文本。怎么做?FernOfTheAndes你能帮我回答这个问题吗?