2016年8月30日

D3 的优势

摘要：可视化的库有很多，基于 JavaScript 开发的库也有很多，D3 有什么优势呢？（1）数据能够与 DOM 绑定在一起 D3 能够将数据与 DOM 绑定在一起，使得数据与图形成为一个整体，即图形中有数据、数据中有图形。那么在生成图形或更改图形时，就可以方便地根据数据进行操作，并且，当数据更改之后阅读全文

posted @ 2016-08-30 10:53 冷雨恋晴阅读(965) 评论(0) 推荐(1)

2016年8月29日

【 D3.js 入门系列 --- 5 】如何添加坐标轴

摘要：第3节中做了一个图标，但没有为它添加一个相应的坐标轴，这样不知道每一个柱形到底有多长。这一节做一个坐标轴。 D3中的坐标轴都是以 svg 图的形式出现的，这也是为什么在第3节中要使用 svg 的方法做柱形图的原因。第4节里我们讲解了 scale （比例）的用法，在做坐标轴的时候也需要用到比例。第4节阅读全文

posted @ 2016-08-29 21:04 冷雨恋晴阅读(452) 评论(0) 推荐(1)

【 D3.js 入门系列 --- 4 】如何使用scale（比例）

摘要：在上一节中使用了一个很重要的概念 — scale （这个不知道翻译成什么，暂且叫它比例）。本节将重点介绍它的相关使用方法。在介绍 scale 之前，先介绍两个经常和 scale 一起出现的函数，在上一节中也出现了。 d3.max() d3.min() 它们用于求一个数组中的最大值和最小值，如果是一阅读全文

posted @ 2016-08-29 19:52 冷雨恋晴阅读(2269) 评论(0) 推荐(1)

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月24日

JQuery onload、ready概念介绍及使用方法

摘要：页面加载完成有两种事件，一是ready，表示文档结构已经加载完成，onload，ready概念容易混淆，下面为大家详细介绍下页面加载完成有两种事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页面包含图片等文件在内的所有元素都加载完成。(可以说：阅读全文

posted @ 2016-08-24 20:45 冷雨恋晴阅读(455) 评论(0) 推荐(0)

jquery获取第几个元素的方法总结

摘要：使用jquery时经常会遇到，选择器选择一组元素后，需要在这组元素中找到第几个元素。 jquery中使用eq()方法找到第几个元素或第N个元素，jquery中eq()的使用如下： eq() 选择器选取带有指定 index 值的元素。 index 值从 0 开始，所有第一个元素的 index 值是 0 阅读全文

posted @ 2016-08-24 20:40 冷雨恋晴阅读(7816) 评论(0) 推荐(1)

导航

2016年8月30日

2016年8月29日

2016年8月27日

2016年8月24日