今天早上心血来潮打算捣鼓一个本人的开发技能统计图表放到Blog上，想用Javascript Chart的方式来实现。Google了一下Javascript Chart的解决方案，发现下相关的解决方案还真不少

几个不错的解决方案

Flot

从交互性的层面来说，基于jQuery实现的 Flot图表和Flash实现的图表效果已经是非常的接近。图表输出效果相当的流畅光滑，注重视觉效果。你也可以和data points数据节点配合使用，当鼠标hover到某个数据节点时，会得到对应节点的数值说明内容的反馈信息。

如上图所示，你也可以选择图表的一部分内容，获得这些特殊区域的数据；同时，你还可以对数据节点进行放大处理。

优势: 线条、节点、区域填充、柱状图以及以上功能的组合。

严格以上说这个算不上一个纯粹的Javascript解决方案， 是通过jQuery插件将Google Charts API应用到Web程序的一个非常简单的方式。而Google Charts API是基于服务端来生成图片的。但也正式因此可以实现其他一些纯Javascript Chart方案实现不了的功能，下面这张图是Google Charts API支持的图形和参数。

Javascript Chart的实现原理

w3c HTML5.0 方案确定了一个Canvas元素用来支持HTML中的图形功能，火狐很早的版本就支持了这个元素，可惜的是 IE 不支持这个元素。还是Google比较强，推出的一个专门让IE支持 Canvas元素的扩展包，即excanvas.js，不过本质上是在IE下用vml 来模拟canvas，所以只能有部分的Canvas属性方法得到支持，vml详细的内容可以参考VML这篇文章。

相关资料 6个jQuery图表Web应用扩展 VML JavaScript用canvas元素实现 2D 和 3D [转] 推荐一个很棒的JS绘图库Flot