10款免费的web图形报表工具

发布时间:2010-03-11 (阅读第 21830 次)

ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。

ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果,并且对移动端做了深度的优化。

ECharts 提供了常规的折线图,柱状图,散点图,饼图,K线图,用于统计的盒形图,用于地理数据可视化的地图,热力图,线图,用于关系数据可视化的关系图,treemap,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。你可以在下载界面下载包含所有图表的构建文件,如果只是需要其中一两个图表,又嫌包含所有图表的构建文件太大,也可以在在线构建中选择需要的图表类型后自定义构建。

ECharts 3 开始独立出了“坐标系”的概念,支持了直角坐标系(catesian,同 grid)、极坐标系(polar)、地理坐标系(geo)。图表可以跨坐标系存在,例如折、柱、散点等图可以放在直角坐标系上,也可以放在极坐标系上,甚至可以放在地理坐标系中。

http://echarts.baidu.com/


amCharts - Pie and donut charts, line and area charts, column and bar charts, scatter and bubble charts and an interactive map tool are all free for download

29.jpg


Php / Swf Charts - PHP/SWF Charts is a simple, yet powerful PHP tool to create attractive web charts and graphs from dynamic data. Use PHP scripts to generate or gather the data from databases, then pass it to this tool to generate Flash (swf) charts and graphs. Any other scripting language (ASP, CFML, Perl, etc.) can be used with XML/SWF Charts (the XML version of the same tool.)

33.jpg


Fusion Charts Free - FusionCharts Free is a flash charting component that can be used to render data-driven & animated charts for your web applications and presentations

43.jpg


Yahoo! UI Library: Charts - The YUI Charts Control visualizes tabular data on a web page in several possible formats including vertical columns, horizontal bars, lines, and pies. Notable features include support for the DataSource Utility, customizable series and axes, a customizable mouse-over datatip, combination charts, and skinning

53.jpg


Flot - Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side. The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming

63.jpg


SAC - Simple accessible charts, An easy, fast and accessible way to display simple Data and beautify them with CSS. Works fine in FF, IE 7/6, Opera 9 tested on WIN XP

73.jpg


Similie - Timeplot is a DHTML-based AJAXy widget for plotting time series and overlay time-based events over them (with the same data formats that Timeline supports)

82.jpg


PlotKit - PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support

92.jpg


Libchart - Libchart is a free chart creation PHP library, that is easy to use

102.jpg


Google Chart API The Google Chart API lets you dynamically generate charts. To see the Chart API in action, open up a browser window and copy the following URL into it:

http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World

Press the Enter or Return key and - presto! - you should see the following image:

Yellow line chart

Charts are supposed to visualize data in order to give a more profound understanding of the nature of a given problem or recent developments. Whatever type of data presentation you prefer (pie charts, bubble charts, bar graphs, network diagrams etc.), you can create charts in graphic editors manually or use special desktop-software instead. In both cases you have a major problem: once you’d like to update an old chart, or create a new one, you have to run the application and create new images over and over again. That’s not flexible. That’s also not usable — e.g. if you’d like to update your chart live.

Server-based solutions, implemented with Flash, JavaScript or pure CSS, offer a more flexible alternative. In fact, since Flash offers significant advantages over static data presentation with CSS and JavaScript, most solutions use it for dynamic data visualization. The data itself is often stored in XML-files which are loaded and updated via PHP or ASP. The price range varies enormously — depending on the flexibility and level of customization you’d like to have. However, if you don’t want to pay, you don’t have to — there are powerful free solutions as well.

If you use Ajax- or JavaScript-frameworks you might already have powerful chart components integrated into the library by default. If it’s not the case, you might try to search for existing add-ons. E.g. there are extensions for jQuery and Dojo you can use to generate and style your own charts with few lines of JavaScript and CSS.

Chart Demo Screenshot


The Dojo Charting Engine can generate graphs and charts with few JavaScript snippets.

Many server-based solutions are quite versatile, so you can use them to create a variety of charts and graphs in minutes. However, to use these tools you need to know where to find them.

This article presents an overview of tools, applications and techniques for visualizing data in charts and graphs. Among other things both free and commercial chart tools, services, desktop-applications and web-based solutions (Flash, JavaScript, CSS) — you can use them on your server — are presented.

Please notice that the solutions listed below don’t necessarily produce charts which serve the main purpose of data visualization — namely, to provide an easy-to-use visual presentation of (possibly) complex data sets. It’s far more important that the presented information is usable and comprehensible rather than presented in a visually appealing way. Outstanding data visualizations aren’t achieved by the beauty of data presentation, but by an effective interpretation of the data it represents.

您的昵称: