使用openoffice软件
另存为的时候选择csv格式 并选中edit filter setting
用txt打开如下
按照下面的格式输入数据，注意最开始的一行是他们的属性，要用英文字母输入
~~~
<!DOCTYPE html>
<html>
<head>
<script src="js/d3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
d3.csv("third.csv",function(error,csvdata){
if(error){
console.log(error);
}
console.log(csvdata);
for( var i=0; i<csvdata.length; i++ ){
var name = csvdata[i].name;
var sex = csvdata[i].sex;
var age = csvdata[i].age;
console.log( "name: " + name + "\n" +
"sex: " + sex + "\n" +
"age: " + age );
}
})
</script>
</body>
</html>
~~~
如下是导入console出来的数据
- 前言
- 【d3.js教程01】d3入门
- 【d3.js教程02】d3入门
- 【d3.js教程03】动态初探索
- 【d3.js教程04】互动第一步
- 【d3.js教程05】简单的图标之弧形
- 【d3.js教程06】force 力导向图
- 【d3.js教程07】弦图
- 【d3.js教程08】集群图cluster
- 【d3.js教程09】包图pack
- 【d3.js教程10】气泡图bubble chart
- 【d3.js教程11】气泡图指定颜色
- 【d3.js教程12】地图
- 【d3.js教程13】气泡图一维与多维展示以及数据处理
- 【d3.js教程14】可拖动的地图详解
- 【d3.js教程15】如何从excel等表格生成csv数据