FUSIONCHARTS V3 使用
1
1
1
1 、 fusioncharts
fusioncharts
fusioncharts
fusioncharts 的介绍
a
、
fusioncharts 主要用于图形报表,它主要分为 4 类,单列图 (single) 、多列图 (multi)
、
混
合图 ( mixed ) 仪表图 ( meter )
b 、页面展示效果漂亮,使用 xml 数据,他可以和 php , jsp , asp 等结合起来用,非常方
便。
2
2
2
2 、配置 fusioncharts
fusioncharts
fusioncharts
fusioncharts
a 、新建 web 项目,把 fusioncharts 包下的 fcf 、 js 两个文件夹导入项目根目录下。
b 、 把 fusioncharts 中 lib 文件夹下的 e zmorph-1.0.4.jar
、
json-lib-2.2.2-jdk15.jar
、
jsonplu gin-
0.30.jar 、 commons- *. jar ,导入到 web 项目下的 lib 文件夹下,
这些包主要是用于后台 java 数据转化成 json 数据。
如果大家有好的 ajax 框架和 java 数据转换成 json 对象的好框架,可以自行更换。
3
3
3
3 、使用 fusioncharts
fusioncharts
fusioncharts
fusioncharts
a 、在 web 工程下新建一个 fusioncharts.jsp ,导入以下 3 个 js
< script type = "text/javascript" src = "js/ajax/ajax.js" ></ script >
< script type = "text/javascript" src = "fcf/js/
ChangeFusionCharts.js" ></ script >
< script type = "text/javascript" src = "fcf/js/FusionCharts.js" >
</ script >
ajax.js 主要是用来发送 ajax 请求获取 json 数据 (下面的图列我使用的是静态数据 所
以 ajax.js 可以不用导入)
ChangeFusionCharts.js 主要用来转换 json 数据,变成 xml 数据( fusioncharts 所需 要
的格式)