【发布时间】:2022-01-16 23:06:06
【问题描述】:
我对使用外部数据表还很陌生。我找到了一串代码,它从我的 CSV 文件中获取数据并将其转换为数据。请注意,完整的 CSV 文件有超过 40.000 行。对于测试,我只使用了大约 12 个,但我再聪明不过了。
现在,该 CSV 文件的每一(正确)行都有第一个单元格标有日期(标记为 'MM/DD/YYY)。那里有一些鼻屎行没有显示任何日期,或者有时只是一串小文本——这些显然可以忽略。
我只想显示显示某个日期的行,并隐藏此列中的所有其他行。
或者更具体的说;我只想显示日期为今天之前 365 天的行。
HTML:
<table>
<th> Date
</th>
<th> Time
</th>
<th> Message
</th>
</table>
JS: - 使用此代码,我的大型 CSV 文件被转换为 HTML 表格。
<script src="http://d3js.org/d3.v3.min.js"></script>
<!-- <script src="d3.min.js?v=3.2.8"></script> -->
<script type="text/javascript" charset="utf-8">
d3.text("data.csv", function(data) {
var parsedCSV = d3.csv.parseRows(data);
var container = d3.select("body")
.append("table")
.selectAll("tr")
.data(parsedCSV).enter()
.append("tr")
.selectAll("td")
.data(function(d) {
return d;
}).enter()
.append("td")
.text(function(d) {
return d;
});
});
【问题讨论】:
标签: javascript html csv d3.js filter