标签:csv d3-js rows javascript
Title: This is parsed file
Job: Proj Doom
Flow,Value
102,2
103,3
104,4
105,5
106,6
我是D3的新手.如果我采用上述csv并删除标头上方的所有内容,则我的d3图可以正常工作.该csv是经过测试后产生的,在加载到D3图形之前,我无法浏览所有文件并删除标题上方的行.
我想获取此文件并对其进行可视化而无需修改.
因此,我唯一的问题是如何过滤出前5行.在所有生成的* .csv中,标头上方的行数相同,内容可能会有所变化.
可以在d3.csv(“ myCsv”,type,function(){});内完成吗?还是需要在使用js之前完成?我正在使用d3 v4.
解决方法:
使用类型函数(通常称为行函数)的问题是将为所有行调用它.那不是你想要的.
最好的想法是将CSV作为纯文本加载.在v5中:
d3.text("data.csv").then(function(data){
在v4中:
d3.text("data.csv", function(data){
…然后删除第一行.在这里,我要删除前三行:
const filtered = data.split('\n').slice(3);
然后,我们重新创建CSV文件:
const newCSV = filtered.join('\n');
最后我们解析它:
const newData = d3.csvParse(newCSV);
顺便说一句,d3.csvParse在v4和v5上均可工作.
当然,所有这些仅需一行即可完成:
data = d3.csvParse(data.split('\n').slice(3).join('\n'))
这是显示它的bl.ocks(使用v5):https://bl.ocks.org/GerardoFurtado/5a43fdcedc214ecdb2eb20ac91af8623/6473eb3dfb05361a3dd7972756a490d9885542f5
标签:csv,d3-js,rows,javascript 来源: https://codeday.me/bug/20191108/2010396.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。