简介:
每个前端都有一个Chart梦,至于真正去做的寥寥无几,无怪乎几个原因:
- 浏览器兼容问题
- 数据处理的一些算法,如自动计算坐标轴、自动排列文本等
- 流畅的动画
- 丰富的交互功能
去年一年的时间里,我一直在维护和丰富BUI控件库,由于缺少Chart,一直感觉不踏实,项目过程中由于Highchart收费,只能使用raphael做些临时的图表,复用性很差,最终头脑一冲动就基于Raphael模仿Highchart把整个Chart图表写了一遍,经过了2个多月的煎熬,终于能提供给大家使用,无论是否使用,欢迎来捧个场。
图形分类
实现了以下图表:
- 折线图
- 曲线图
- 区域图、区域层叠图、百分比区域层叠图
- 柱状图、柱状层叠图、百分比柱状层叠图
- 饼图、半饼图、环形图、嵌套环形图
- 散列图、气泡图
- 雷达图中支持折线图、区域图和柱状图
思路:
- 接口方面跟highchart基本保持一致,实现Highchart 80%的功能
- 加强Chart跟现有控件的可交互性,例如:表格跟雷达图、柱状图的交互
- 提供更加方便的使用方式,数据的传递,改变,坐标轴的自动生成更加智能
示例:
图形首页:http://builive.com/chart/index.php
折线图: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
其他的就不贴了,希望能给大家带来方便
本文链接: http://www.cnblogs.com/zaohe/p/3600496.html,转载请注明。