开源、免费功能全面的Chart图

简介:

每个前端都有一个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

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

posted @ 2014-03-14 14:27  zaohe  阅读(6470)  评论(26编辑  收藏  举报