我是学生学习制图的网页开发。我一直在实验室使用D3创建地图,但似乎无法正确加载我的数据。 CSV数据将加载到回调函数控制台中的错误消息中。如何确定CSV文件的错误? 这是我的main.js文件的片段:
//use d3.queue to parallelize asynchonrous data loading
d3.queue()
.defer(d3.csv, "data/dataL2.csv") //load attributes from csv
.defer(d3.json, "data/wico.topojson") // load choropleth spatial data
.await(callback); //fires when all data loaded, sends to callback function
function callback(error, csvData, wiCo){
console.log(error);
console.log("CSVData is: "+csvData);
console.log("WICo is: "+wiCo);
我将这些库下载到我的lib文件夹中,并在index.html中使用这些脚本:
<!File links>
<script src="lib/topojson/topojson.js"></script>
<script src="lib/d3-queue/d3-queue.js"></script>
<script src="lib/d3.js"></script>
<script src="js/main.js"></script>
我的CSV的前几行:
name,fuel97,fuel02,fuel07,fuel12,fert97,fert02,fert07,fert12
Adams,4220,4015,9152,16867,20617,16342,32925,87730
Ashland,1114,1382,3490,4006,1641,1972,7702,6394
Barron,3609,3469,7768,15990,4163,6447,12400,24518
Bayfield,1360,1418,3572,2965,1224,1557,3020,3874
Brown,3029,3358,7880,9737,5015,5948,10127,16081
错误会在标题后加载第一行。标题匹配值,我知道我需要将字符串转换为数字。我通过本地服务器(Mamp上的Apache)在Chrome和Firefox上运行预览。
我尝试过搜索,但无法找到如何检查导致数据无法正确加载的错误。