目前的解决方案:
1.java的web图表技术比较成熟的有swt,swing,以及jfreechart等技术。这些技术主要是通过生成图片来达到图表的效果。
2.最近比较流行的技还有像amcharts,flex这样的,以flash行式表现出来的技术。因为flash player在浏览器上的安装率是非常高的,所以这种flash表现形得到了认可。其表现效果是一流的。
3.google可视化api是将是一种趋式,简单高效安全,唯一一点是你的用户要连接互联网上。
amcharts:
amchart是一组由flash做成的图表组件。这些flash没有数据,一但指定了配置文件和数据文件的地址,flash就可以显示出你所需要的图表。
在配置文件中可以设这个flash的颜色,大小,文字属性,柱子,曲线的粗细颜色,是什么类型的柱子或曲线,是否有气泡,是否有图例,定位,鼠标右键及其事件等,stock图还要在里面指定数据文件的地址。
在数据文件中存放了要展示的数,数据一般是XML类型的数据,也有用CSV或TXT的类型的数据。
这里所指的文件不一定是一个真实的文件,也可以是同一个域(指访问的这个flash的域名)内部的URL,垮域URL要是全名。在我们的系统中大部分是用flash所在域的同域中。
参考:http://eboom365.googlecode.com/svn/trunk/技术文档/amchart技术说明.doc
Flex图表:
Flex里有很多图表组件。可以通过HttpService来从后台获得数据,支持xml和json。
参考:http://eboom365.googlecode.com/svn/trunk/技术文档/flex技术说明.doc
Google可视化api:
很简洁,在你的应用里加上:
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
你就可以对相应组件进行编辑了。
如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>
Google Visualization API Sample
</title>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['linechart']});
</script>
<script type="text/javascript">
function drawVisualization() {
// Create and populate the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('number', 'Height');
data.addRows(3);
data.setCell(0, 0, 'Tong Ning mu');
data.setCell(1, 0, 'Huang Ang fa');
data.setCell(2, 0, 'Teng nu');
data.setCell(0, 1, 174);
data.setCell(1, 1, 523);
data.setCell(2, 1, 86);
// Create and draw the visualization.
new google.visualization.LineChart(document.getElementById('visualization')).
draw(data, null);
}
google.setOnLoadCallback(drawVisualization);
</script>
</head>
<body style="font-family: Arial;border: 0 none;">
<div id="visualization" style="width: 300px; height: 300px;"></div>
</body>
</html>
效果为:
你也可以在线调试你的代码,google提供了相应的应用,如http://code.google.com/apis/ajax/playground/#line_chart
上面部分是代码,下面是效果,还有熟悉的firebug也在里面。
- 大小: 11 KB
分享到:
相关推荐
web图表工具chart,还有本人的一个小demo
web图表插件效果图,个人使用,谢谢不用下载。
现在的《精通Java Web动态图表编程》大部分是网上订购,有一份电子word文档是不错的选择,本资源含有完整的资源,可不用麻烦的到处找。
回到本文的题目上来,为了创建一个可以在web浏览器上查看到图表一般有两种做法:第一种就是使用applet利用java本身对图形的支持来显示一个图表;第二种就是直接在web服务器端生成好图表图片文件后发送给浏览器。第一...
web网页图表控件highchart示例
在Web图表开发领域也有两个主要的Web图表生成引擎——JFreeChart和Cewolf。它们都是开源作品,在Web图表引擎中占据了非常重要的位置。因为Cewolf的图表生成和渲染引擎实际是调用JFreeChart的图表生成及渲染引擎,...
很好的web图表控件,非常方便,可以方便的拖拉,类似与股票图表!!
Highcharts控件 Web图表建设 数据图表化 美观大气 本人的经验总结,Web项目适合使用,非常美观大气,值得下载。
Web图表源码 1、Slivlight应用 2、ASP.NET实现
这是一个简单 面向对象 为设计者和开发者准备的图表绘制工具库 1 基于HTML5 canvas技术 支持所有现代浏览器 并且针对IE7 8提供了降级替代方案 2 不依赖任何外部工具库 轻量级(压缩之后仅有4 5k) 并且提供了加载...
OpenCharts是基于HTML Canvas技术的采用面向对象的Web图表,通过OpenCharts,你可以方便的制作一系列漂亮的Web图表。现在我们支持8种类型的图表表达方式,你可以通过帮助文档了解详细信息,也可以通过范例了解如何...
java web 图表jfreechart 是较好的开源图表框架,可以生成 曲线图、柱状图、饼状图、甘特图、雷达图、蜘蛛图等。
本章提供了一个简单的、被封装成JavaBean的、实现了Web动态图表生成引擎的最基本功能的设计思路及其实现方式。它具有使用和开发都很简单、易于发布/部署、扩展性强(虽然仅仅演示了普通/3D线段图、普通/3D直方图、...
对数据库中的数据实现各种图表的显示 using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; using System.Linq; using System.Web; using System.Web.UI; using ...
本章介绍如何利用JSP与Java2D技术来生成复杂的Web图表。Java2D API提供了绘制复杂图形的支持。在java.awt.geom包中,提供了很多独特的用以处理圆弧、文字和图像的API。该包与java.awt、java.awt.color、java.awt....
向读者展示如何使用Java Applet、Java Servlet、Java Server Pages(JSP)、JavaBean以及开放源代码的Web图表生成引擎——JFreeChart和Cewolf来开发奇妙的Web动态图表应用程序——以一种跨平台、小巧、结构清晰的...
Web图表工具Dundas教程 ,讲的非常的详细。
MSChart微软发布的一个WEB图表组件 MSChart微软发布的一个WEB图表组件 MSChart微软发布的一个WEB图表组件 MSChart微软发布的一个WEB图表组件
NULL 博文链接:https://pointonline.iteye.com/blog/298256