2016-12-14 6 views
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 
+0

私はあなたのコードを試してみましたが、それは私のために働いています(あなたのcsvで)、あなたがコードを稼働させることができない場合は、どのようにテストしていますか? –

+0

おそらくあなたはページを実行するためにWebサーバーを使用していません。その場合、「クロスオリジン要求はHTTPに対してのみサポートされています」というエラーが発生している可能性があります。 [http-server](https://www.npmjs.com/package/http-server)のような軽量Webサーバーを使用できます。 – LeoGC

答えて

0

おかげで、私はそれを把握することができました。私はクロムで.htmlファイルを実行しようとしていた&運がないインターネットエクスプローラ。それは私のためにFirefoxでのみ動作するようです。

関連する問題