简介：

每个前端都有一个Chart梦，至于真正去做的寥寥无几，无怪乎几个原因：

1. 浏览器兼容问题
2. 数据处理的一些算法，如自动计算坐标轴、自动排列文本等
3. 流畅的动画
4. 丰富的交互功能

去年一年的时间里，我一直在维护和丰富BUI控件库，由于缺少Chart，一直感觉不踏实，项目过程中由于Highchart收费，只能使用raphael做些临时的图表，复用性很差，最终头脑一冲动就基于Raphael模仿Highchart把整个Chart图表写了一遍，经过了2个多月的煎熬，终于能提供给大家使用，无论是否使用，欢迎来捧个场。

图形分类

实现了以下图表：

• 折线图
• 曲线图
• 区域图、区域层叠图、百分比区域层叠图
• 柱状图、柱状层叠图、百分比柱状层叠图
• 饼图、半饼图、环形图、嵌套环形图
• 散列图、气泡图
• 雷达图中支持折线图、区域图和柱状图

思路：

• 接口方面跟highchart基本保持一致，实现Highchart 80%的功能
• 加强Chart跟现有控件的可交互性，例如：表格跟雷达图、柱状图的交互
• 提供更加方便的使用方式，数据的传递，改变，坐标轴的自动生成更加智能

示例：

图形首页：

折线图：http://builive.com/chart/line.php#line/base.php

区域图：http://builive.com/chart/area.php#area/base.php

柱状图：http://builive.com/chart/column.php#column/base.php

其他的就不贴了，希望能给大家带来方便