Question

道歉，如果这是初步的，但我是D3的新手。我无法导入我的csv数据并将其显示为可在浏览器中打开的表格。我的所有数据文件和代码都位于同一个文件夹中。这是我到目前为止的代码和我的csv数据。非常感谢任何建议！

SublimeFile.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
        <title>Dashboard</title>
        <link rel="stylesheet" href="normalize.css">
        <style>
            table {
                border-collapse: collapse;
                border: 2px grey solid;
                font: 12px sans-serif;
            }

            td {
                border: 1px grey solid;
                padding: 5px;
            }

            body {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            margin-left:40px;
            font-weight: 200;
            font-size: 16px;
            }

            h1 {font-weight: 400;}

            p {font-size: 12px;}

            text {font-size: 12px;}
        </style>        
    </head>
    <body>
    <div id = "Chart"></div>
        <script>
            d3.text("dashboard.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; });
            });
        </script>
    </body>
</html>

dashboard.csv

Entity,Entity A
Head of Data,Albert Aldridge
DG Lead,Anna Annovo
BIO,April Autumn
Business Participants,"Alfred, Adeline, Amy"
Scope,European Platforms
Scope Trend,Steady

Answer 1

感谢您的努力，我能够弄明白。我试图在chrome＆amp;中运行.html文件没有运气的网络浏览器。它似乎只适用于Firefox。

使用D3将我的csv数据导入表格时遇到问题

1 个答案: