Не удалось импортировать данные csv в таблицу, используя D3

Извините, если это рудиментарно, но я новичок в 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

источник

2016-12-14 Mia

Я пробовал ваш код, и он работает для меня (с вашим CSV), если вы не можете заставить код работать, как вы его тестируете? –

Возможно, вы не используете веб-сервер для выполнения этой страницы. Если это так, вы можете иметь ошибку «Запросы на кросс-начало поддерживаются только для HTTP». Вы можете использовать легкий веб-сервер, например [http-server] (https://www.npmjs.com/package/http-server). – LeoGC

Спасибо за ваши усилия, я был в состоянии понять это. Я пытался запустить файл .html в chrome & интернет-обозреватель без везения. Кажется, он работает только в firefox.

источник

2016-12-15 23:55:15 Mia

Не удалось импортировать данные csv в таблицу, используя D3

ответ

Смежные вопросы