我有以下csv:
group,label,value
total,Category 1,19
total,Category 2,5
option1,Category 1,22
option1,Category 2,33
option2,Category 1,10
option2,Category 2,20
然后我在d3.js中使用它,如下所示:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>RENDERING PRETTY JSON</title>
<script src="https://d3js.org/d3.v3.js"></script>
<style type="text/css">
#pieChart {
position: absolute;
top: 30px;
left: 25px;
width: 650px;
height: 500px;
}
</style>
</head>
<body>
<div id="pieChart"></div>
<script type="text/javascript">
var dataCSV = "dataCSV.csv";
selectDataset3()
function selectDataset3() {
var v = this.value;
d3.csv(dataCSV, function(rows) {
change(rows);
})
}
function change(data) {
d3.select("#pieChart").selectAll("*").remove();
d3.select("#pieChart").append("pre")
.text(JSON.stringify(data, null, 2));
};
</script>
</body>
</html>
在结果中为什么我有此条目?
{
"group": ""
}
我在Firefox中使用本地网络服务器进行渲染。
要添加到plunker中的神秘感,这个空条目不存在:http://plnkr.co/edit/vt9mvDWjAGz04vP3wHP2?p=info