【D3.V3.js数据可视化系列教程】--(九)D3的数据类型
来源:互联网 发布:bt软件下载 编辑:程序博客网 时间:2024/05/20 03:39
【D3.V3.js系列教程】--(九)D3的数据类型
1、变量
JAVASCRIPT的变量是一种类型宽松的语言。定义变量不用指定数据类型。而且还是动态可变的。
var value = 100;
value = 99.9999;
value = false;
value = "This can't possibly work.";
value = "Argh, it does work! No errorzzzz!";
2、数组
从0开始
var percentages = [ 0.55, 0.32, 0.91 ];
var names = [ "Ernie", "Bert", "Oscar" ];
percentages[1] //Returns 0.32
names[1] //Returns "Bert"
3、对象
var fruit = {
kind: "grape",
color: "red",
quantity: 12,
tasty: true
};
fruit.kind //Returns "grape"
fruit.color //Returns "red"
fruit.quantity //Returns 12
fruit.tasty //Returns true
4、对象数组
var fruits = [
{
kind: "grape",
color: "red",
quantity: 12,
tasty: true
},
{
kind: "kiwi",
color: "brown",
quantity: 98,
tasty: true
},
{
kind: "banana",
color: "yellow",
quantity: 0,
tasty: true
}
];fruits[0].kind == "grape"
fruits[0].color == "red"
fruits[0].quantity == 12
fruits[0].tasty == true
fruits[1].kind == "kiwi"
fruits[1].color == "brown"
fruits[1].quantity == 98
fruits[1].tasty == true
fruits[2].kind == "banana"
fruits[2].color == "yellow"
fruits[2].quantity == 0
fruits[2].tasty == true
5、JSON
JSON基本上是一个特定的语法。语法优化使用(显然)用JavaScript和AJAX请求,这就是为什么你会看到大量的基于网络的API,吐出的数据为JSON。它的速度更快,更容易比XML解析与JavaScript,D3var jsonFruit = {
"kind": "grape",
"color": "red",
"quantity": 12,
"tasty": true
};
6、GeoJSON
GeoJSON是可以存储地理空间(通常为经度/纬度坐标)点,但形状(如线和多边形)和其他空间的功能。如果你有大量的地理数据,它是值得解析它变成最好采用与D3 GeoJSON GeoJSON是格式。 var geodata = {
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [ 150.1282427, -24.471803 ]
},
"properties": {
"type": "town"
}
}
]
};
- 【D3.V3.js数据可视化系列教程】--(九)D3的数据类型
- 【D3.js数据可视化系列教程】--(九)D3的数据类型
- 【D3.V3.js数据可视化系列教程】--(一)简介
- 【D3.V3.js数据可视化系列教程】--(十一)散点图
- 【D3.V3.js数据可视化系列教程】--(六)数据的威力
- 【D3.V3.js数据可视化系列教程】--(二)最简单的开始:添加元素
- 【D3.V3.js数据可视化系列教程】--(十)更自由的条形图
- 【D3.V3.js数据可视化系列教程】--(三)数据绑定
- 【D3.V3.js数据可视化系列教程】--(四)使用数据
- 【D3.V3.js数据可视化系列教程】--(五)用层画条形图
- 【D3.V3.js数据可视化系列教程】--(七)SVG概要
- 【D3.V3.js数据可视化系列教程】--(八)绘制SVG
- 【D3.V3.js数据可视化系列教程】--(十二)坐标尺度
- 【D3.js数据可视化系列教程】--(三)数据绑定
- 【D3.js数据可视化系列教程】--(四)使用数据
- 【D3.js数据可视化系列教程】--(一)简介
- 【D3.js数据可视化系列教程】--(六)生成测试数据
- 【D3.js数据可视化系列教程】--(七)SVG初探
- 【D3.V3.js数据可视化系列教程】--(八)绘制SVG
- app进入后台,并杀死程序,想删除掉NSUserDefault的数据该怎么办
- Java发送Http请求的两种方式java.net.URLConnection(方式一)
- 设计模式深入学习IOS版(2)简单工厂模式
- 从软件到销售,再从销售到软件
- 【D3.V3.js数据可视化系列教程】--(九)D3的数据类型
- Java发送Http请求的两种方式HttpClient(方式二)
- 学车日记1
- V4L2 pixel format
- SFTP连接工具类
- ios--关于UDID和UUID的一些理解
- 查找(1)--静态查找
- Java线程学习和总结
- 【D3.V3.js数据可视化系列教程】--(十)更自由的条形图