0
これは初歩的なものですが、D3を初めて使用している場合には謝罪します。私はcsvデータをインポートしてブラウザで開くことができるテーブルとして表示するのに問題があります。私のすべてのデータファイルとコードは同じフォルダにあります。ここまで私がこれまでに持っていたコードと私のCSVデータを示します。どんなアドバイスも大歓迎です!あなたの努力のための私のcsvデータをD3を使用してテーブルにインポートする際に問題が発生する
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
私はあなたのコードを試してみましたが、それは私のために働いています(あなたのcsvで)、あなたがコードを稼働させることができない場合は、どのようにテストしていますか? –
おそらくあなたはページを実行するためにWebサーバーを使用していません。その場合、「クロスオリジン要求はHTTPに対してのみサポートされています」というエラーが発生している可能性があります。 [http-server](https://www.npmjs.com/package/http-server)のような軽量Webサーバーを使用できます。 – LeoGC