ichuan.net

自信打不死的心态活到老

jQuery sparkline插件

用过 GA 的人都知道里面有这样一类图:

enter image description here

这种图叫做 sparkline,股票中也是这种图。

工作中需要绘这种图,找了些第三方 js 库都不满意。后来想了下,这图也不复杂,还是自己写一个吧。

具体思路就是用 canvas 里的路径来绘图,IE9以下版本需要 excanvas 来模拟 canvas,这里有份简单的 canvas 教程。

代码在:https://raw.github.com/ichuan/yc-lib/master/js/jquery.sparkline.js

演示页面

Comments