將基本CSV數據加載到D3
[英]Load basic CSV data to D3
問題描述
我一直在嘗試將CSV中的某些數據加載到D3中。 結構為：
variety, amount
a, 1
b, 3
c, 7
我試圖將數量數據放入一個數組，嘗試各種教程和論壇帖子中描述的所有方法均未成功。
我努力了：
d3.csv("data.csv", function(data) {
var dataset = console.log(data["amount"]);
});
var dataset = d3.csv("data.csv", function(data) {
dataset = console.log(data["amount"]);
});
d3.csv("data.csv", function(data) {
dataset = console.log(data.amount);
});
d3.csv("data.csv", function(data) {
var dataset = console.log(data);
});
d3.csv("data.csv", function(data) {
var dataset = data);
});
d3.csv("data.csv", function(data) {
return {amount: +data};
});
d3.csv("data.csv", function(data) {
dataset = data.map(function(d) { return [+d["amount"], +d["variety"]];});
});
如果其中的某些嘗試可笑，我感到很抱歉，但是我今天才開始玩D3。 謝謝你的幫助。
2 個解決方案
解決方案1
0 2015-04-03 08:14:36
我為您有一個類似的plnkr，請注意加載d3 lib的位置。
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
...
解決方案2
0 已采納 2015-04-03 08:25:07
問題是逗號后面有空白。 由於空間原因，它被視為“金額”而不是“金額”。 也嘗試僅安慰數據而不安慰data ['amount']。 您將意識到，它是一個對象數組，而不僅僅是一個對象。 因此，您將不得不遍歷數組以獲取數量。
d3.csv("data.csv", function(data) {
console.log(data);
var len = data.length;
for (var i = 0; i < len; i++) {
console.log(data[i].amount);
}
});
D3與CSV數據
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.