2013年7月29日星期一

几款创建web图表的插件库

Chart.js

Chart.js是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。
chart.js
  1. Chart.js基于HTML5 canvas技术,支持所有现代浏览器,并且针对IE7/8提供了降级替代方案。
  2. Chart.js帮你用不同的方式让你的数据变得可视化。每种类型的图表都有动画效果,并且看上去非常棒,即便是在retina屏幕上。
  3. Chart.js不依赖任何外部工具库,轻量级(压缩之后仅有4.5k),并且提供了加载外部参数的方法。
Chart.js优雅漂亮,使用简单。同时支持大部分手机浏览器。也很适合一些简单个性的个人网站。
ECharts
ECharts(Enterprise Charts 商业产品图表库)同样是基于Canvas,纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。
Echarts
ECharts提供商业产品常用图表库,底层基于ZRender,创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、地图、力导向布局图,同时支持任意维度的堆积和多图表混合展现。

Highcharts

Highcharts是一个纯Javascript库,它主要包括两个部分:Highcharts和Highstock。Highcharts可以为您的网站或Web应用程序提供直观,互动式的图表。目前支持线,样条,面积,areaspline,柱形图,条形图,饼图和散点图类型。Highstock可以为您方便地建立股票或一般的时间轴图表。它包括先进的导航选项,预设的日期范围,日期选择器,滚动和平移等等。
Active charts using Highcharts

主要的特性有:

  1. 兼容当今所有的浏览器,包括iPhone、IE和火狐等等;
  2. 对个人用户完全免费;
  3. 纯JS,无BS;
  4. 支持大部分的图表类型;
  5. 跨语言:不管是PHP、Asp.net还是Java都可以使用;
  6. 提示及放大功能;
  7. 易用性,无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;
Highcharts的具体使用可以查看:使用Highcharts创建网页图表[译]
本文来源黄杨的博客

没有评论:

发表评论