Javascript 使用d3js从两个csv文件导入数据
考虑一下这一点。在本例中,我想使用csv文件加载第33行-[data.csv]的数据和第158行-[data1.csv]的数据。我想使用两个单独的csv文件。我尝试使用csv文件作为第33行的数据,代码如下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 } }
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你能帮我回答这个问题吗?