d3.js
文章平均质量分 87
ec_huyinghuan
https://apying.com
展开
-
D3.JS 基于javascript的图表展示库<二>----基本元素操作
参考 http://d3js.org/ d3的元素操作有点类似jquery,废话多少,直接上代码: ps:html代码中引用了d3.js的库,所以自己测试的时候也需要注意 引用的d3.js文件是否存在于相应位置。如没有特别指明,默认每个html中都需要引入d3.js d3选择器 基本选择方法 selectAll ,select Seletor //d3选择器的默原创 2013-03-17 13:44:44 · 5638 阅读 · 1 评论 -
D3.JS 基于javascript的图表展示库<四>----基本元素选择与Table
代码 在 这里 http://download.csdn.net/detail/a6383277/5205910 看代码: index.html Data A B C D 00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15原创 2013-03-31 14:56:04 · 3874 阅读 · 0 评论 -
[d3.js] D3.JS 基于javascript的图表展示库<一>----简单介绍
先什么都不说。一起来看看d3.js神奇效果。 打开https://github.com/mbostock/d3/wiki/Gallery 这里有很多d3.js的Demo。 这个东西图表确实很不错吧? 简单介绍之前 先说明一点东西。 1. d3.js 只适合现代浏览器,(意思是说它对IE8已经IE8以下版本支持不好)。但对IE9,chrome,FireFox,Opera 和基于webki原创 2013-03-15 13:26:02 · 17631 阅读 · 2 评论 -
D3.JS 基于javascript的图表展示库<三>----基本元素绑定
请现在 http://download.csdn.net/detail/a6383277/5174146下载 对应的示例。 运行 index0.html看下效果先。 1.运行demo 推荐使用Chrome浏览器,IE9或者FireFox(需要安装firebug).如果不会使用浏览器的开发者工具(按F12),请先对其有个了解。学习javascript,开发者工具的使用必须有一定的了解 2.重要原创 2013-03-23 21:24:14 · 3899 阅读 · 0 评论 -
D3.JS 基于javascript的图表展示库<五>-基本柱状图1
柱状图可以说是基本的数据展示方式之一。本节 代码在 http://download.csdn.net/detail/a6383277/5224447 这里简单介绍一下。采用的代码来自http://mbostock.github.com/d3/tutorial/bar-1.html 如果不明白可以自己查看更详细说明,也可以先看官方的说明在来看注释 一 先介绍两个方法 1. sele原创 2013-04-05 22:54:06 · 3514 阅读 · 0 评论 -
D3.JS 基于javascript的图表展示库<六>-基本柱状图2
先贴图..... 这个和上篇相比多了一点点东西。 所以就简单说明一下。 重要的一个函数是 d3.scale.ordinal() .domain(data).rangeBands([0, 480]); 这个的作用与上篇介绍的d3.scale.linear()提供类似的功能。 贴代码: index.html Data hor: =========原创 2013-04-07 16:43:12 · 5500 阅读 · 2 评论 -
D3.JS 基于javascript的图表展示库<七>
关于D3相关博客 我将继续写下去,不过接下来是以视频的方式来进行讲述。 我也是一边学一边录 中间可能比较啰嗦希望见谅。 有些地方说的也不好 大家也见谅。我只是提供个人学习的d3过程的视频,不属于教程。如果希望快速掌握d3,那么也许该视频无法提供帮助。 每次视频的代码还是会继续贴到博客里。视频下载地址也会陆续贴出来。以上。原创 2013-09-24 16:04:20 · 1536 阅读 · 2 评论