HumbleFinance 一个HTML5数据可视化控件， 它 利用html5 的新特性来实现可交互的图表展示. 他的功能类似于 http://finance.google.com/上的股票展示控件. 该控件完全由 JavaScript 写的, 采用了 Prototype 和 Flotr 代码库. 可用来展示任何两组2维数据集， 只要他们的横坐标度量是一致的就可以.




附件的demo显示了google 2010年3月15号IPO的历史数据。 数据来自Google 财经频道。
值得一提的是，用户可以移动鼠标来显示某个时间点上的更详细的数据值，也可以使用鼠标放大、缩小、移动图表（类似百度地图）
组件在 FireFox, Chrome, Safari等浏览器上表现良好。

网站
http://www.humblesoftware.com/finance/index
下载地址
http://www.humblesoftware.com/finance/source
开源协议
MIT
此文章带有附件,请前往http://www.iteye.com/topic/896176下载

好像不支持k线形式。

CSS基础教程17篇

此教程共17篇，由浅到深、循序渐进的讲述CSS知识。
对初学者有很大的学习价值，对已入门的朋友也有重要的参考价值。

1、CSS的应用
http://www.weby.com.cn/view.asp?id=13

2、CSS Selectors,Properties,and Values 选择器 、属性、值
http://www.weby.com.cn/view.asp?id=14

3、CSS的color颜色
http://www.weby.com.cn/view.asp?id=15

4、CSS的Text 文本
http://www.weby.com.cn/view.asp?id=16

5、Margin和Padding
http://www.weby.com.cn/view.asp?id=17

补充：CSS盒模型（Box Model）问题详解
http://www.weby.com.cn/view.asp?id=18

6、CSS的Border边框
http://www.weby.com.cn/view.asp?id=19

7、CSS属性结合起来使用
http://www.weby.com.cn/view.asp?id=20

8、CSS的Class以及ID选择器
http://www.weby.com.cn/view.asp?id=21

9、CSS的Grouping and Nesting分组和嵌套
http://www.weby.com.cn/view.asp?id=22

10、CSS的Pseudo Classes 伪类
http://www.weby.com.cn/view.asp?id=23
11、CSS的属性缩写
http://www.weby.com.cn/view.asp?id=24

12、CSS的Background Images 背景图片
http://www.weby.com.cn/view.asp?id=25

13、CSS的display属性
http://www.weby.com.cn/view.asp?id=26

14、CSS网页布局Page Layout
http://www.weby.com.cn/view.asp?id=27

15、CSS的At-Rules@规则
http://www.weby.com.cn/view.asp?id=28

16、CSS的伪元素Pseudo Elements
http://www.weby.com.cn/view.asp?id=29

17、CSS的优先级特性Specificity 
http://www.weby.com.cn/view.asp?id=30