JSP FusionCharts Free显示图表具体实现

浅沫记忆

FusionCharts Free的下载地址：https://www.fusioncharts.com/goodies/fusioncharts-free/
接下来在jsp页面中引入js

<script type="text/javascript" src="FusionChartsFree/JSClass/FusionCharts.js"></script>

然后写入

<script type="text/javascript">
    var chart = new FusionCharts("FusionChartsFree/Charts/FCF_Column3D.swf", "column1", "800", "600");
    chart.setDataURL("FusionChartsFree/Gallery/Data/Column3D.xml");
    chart.render("div1");
</script>

第二行的参数分别为：要显示图形的SWF地址，图形的id（可以任意起，但是一个页面有多个图形时是唯一的），图形的宽，图形的高；
第三行是设置要显示数据XML的地址；
第四行是渲染图形参数是DIV的id；
附：

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
 <%
 String path = request.getContextPath();
 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 %>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
   <head>
   <base href="<%=basePath%>">
   <title>Demo</title>
   <script type="text/javascript" src="FusionChartsFree/JSClass/FusionCharts.js"></script>
   </head>
   <body>
   <div id="div1"></div>
   <script type="text/javascript">
     var chart = new FusionCharts("FusionChartsFree/Charts/FCF_Column3D.swf", "column1", "800", "600");
     chart.setDataURL("FusionChartsFree/Gallery/Data/Column3D.xml");
     chart.render("div1");
   </script>
   </body>
 </html>

显示效果：

[JSP] JSP FusionCharts Free显示图表具体实现

相关帖子

使用RestTemplate调用https接口跳过证书验证

Linux中显示空闲内存空间的free命令的基本用法

浅谈Linux中free命令以及它的一些有用选项

电脑里的图片无法预览只显示图标怎么办

Glide源码解析二---into方法

【FAQ】接入HMS Core推送服务，服务端下发消息常见错误码原因分析及解决方法

K8s提权之RBAC权限滥用

apple 为什么要改 objc

详解 SSL（二）：SSL 证书对网站的好处

开源 | WLock：高可用分布式锁设计实践

浅沫记忆 LV3

[JSP] JSP FusionCharts Free显示图表 具体实现