本文是一篇关于FusionChart的自学教程，涵盖了从安装到使用的基本流程，包括客户端和服务器方式的图片或PDF导出，以及如何使用Java动态生成XML数据源。
1. 安装fusionchart
Fusionchart核心文件如下图：
其中“charts”文件夹下是各种swf文件，“FusionChartsExportComponent.js”作用是导出图片或pdf时引用该文件。
2. Fusionchart简单使用流程
Fusionchart使用xml文件作为数据源读取数据，如下介绍一个简单的例子：
数据文件Column3D.xml
| <chart caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' showValues='0' decimals='0' formatNumberScale='0'> <set label='Jan' value='462' /> <set label='Feb' value='857' /> <set label='Mar' value='671' /> <set label='Apr' value='494' /> <set label='May' value='761' /> <set label='Jun' value='960' /> <set label='Jul' value='629' /> <set label='Aug' value='622' /> <set label='Sep' value='376' /> <set label='Oct' value='494' /> </chart> |
展示文件Column3D.jsp
| <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="<%=request.getContextPath() %>/fcf/css/Style.css" type="text/css" /> <script language="JavaScript" src="<%=request.getContextPath() %>/fcf/js/FusionCharts.js"></script> </head>
<body> <div id="chartdiv" align="center"> FusionCharts. </div> <script type="text/javascript"> var chart = new FusionCharts("<%=request.getContextPath() %>/fcf/Charts/Column3D.swf", "ChartId", "600", "375", "0", "0"); chart.setDataURL("<%=request.getContextPath() %>/data/single/Column3D.xml"); chart.render("chartdiv"); </script> |
当访问该jsp时，即可展示报表
3. Fusionchart导出图片或pdf(客户端方式)
导出图片或pdf时，需要设这xml文件根节点，如下：
| <chart caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units'
|
最低0.47元/天 解锁文章
496
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
