2016 年 8月 27 日随笔档案 - 冷雨恋晴

【 D3.js 入门系列 --- 3 】做一个简单的图表！

摘要：前面说了几节，都是对文字进行处理，这一节中将用 D3.js 做一个简单的柱形图。做柱形图有很多种方法，比如用 HTML 的 div 标签，或用 svg 。推荐用 SVG 来做各种图形。SVG 意为可缩放矢量图形（Scalable Vector Graphics），SVG 使用 XML 格式定义图阅读全文

posted @ 2016-08-27 17:15 冷雨恋晴阅读(1022) 评论(2) 推荐(2)

【 D3.js 入门系列 --- 2.1 】关于如何选择，插入，删除元素

摘要：在D3.js中，选择元素的函数有两个：select 和 selectAll 。先说明一下它们的区别： select 是选择所有指定元素的第一个 selectAll 是选择指定元素的全部（以用于后面同时操作）来看一个具体的例子，现有如下代码： [html] view plain copy <htm 阅读全文

posted @ 2016-08-27 16:31 冷雨恋晴阅读(697) 评论(0) 推荐(1)

【 D3.js 入门系列 --- 2 】如何使用数据和选择元素

摘要：接着上一讲的内容，这次讨论如何选择元素和使用数据。现在页面中有三行文字，代码为： [html] view plain copy Hello World 1 Hello World 2 Hello World 3 [html] view plain copy 阅读全文

posted @ 2016-08-27 14:56 冷雨恋晴阅读(476) 评论(1) 推荐(2)

【 D3.js 入门系列 --- 1 】第一个程序HelloWorld

摘要：下面开始用D3.js处理第一个简单问题，先看下面的代码： [html] view plain copy <html> <head> <meta charset="utf-8"> <title>HelloWorld</title> </head> <body> Hello World 1 阅读全文

posted @ 2016-08-27 11:06 冷雨恋晴阅读(452) 评论(1) 推荐(1)

【 D3.js 入门系列 --- 0 】简介和安装

摘要： D3的全称是（Data-Driven Documents），顾名思义可以知道是一个关于数据驱动的文档的javascript类库。如果你不知道什么是javascript，请先学习javascript的相关知识。说得简单一点，D3.js主要是用于操作数据的，它通过使用HTML、SVG、CSS来给你的数阅读全文

posted @ 2016-08-27 10:39 冷雨恋晴阅读(271) 评论(1) 推荐(0)

导航

2016年8月27日