【问题标题】:Show a specific row of my (large) CSV File显示我的(大)CSV 文件的特定行
【发布时间】: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


    【解决方案1】:

    解决方案:一个普通的 Javascript 过滤器。由于 CSV 行被转换为 HTML 表格,过滤器就可以了。

    我还没有弄清楚如何使过滤器成为默认输入,或者如何根据月份和日期使其动态化。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-08
      • 2018-12-22
      • 2014-10-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-08-14
      相关资源
      最近更新 更多