在MyEclipse下用FusionCharts制作3D饼图

2025-07-18 12:35:20

1、在新建的Web项目下的WebRoot目录下，新建jsp页面“Pie3D.jsp”，修改其中的<title></title>，如下图所示：

2、由于这里是用jQuery实现3D饼图，故要引入jQuery核心js文件以及FusionCharts核心js文件，如下图所示：

3、在<script type="text/javascript"></script>中间，添加新建3D饼图的js相关代码，引入SWF文件、数据源以及在页面中的展示，如下图所示：

4、在页面中的<body></body>中加入div，将饼图引入到页面，pie3DChart.render("pie3D");<div id="pie3D"></div>如下图所示：

5、页面js文件引入完成，饼图生成js写完，现在要做的是编写3D饼图的数据源，如下图所示：

6、启动Tomcat服务器，在浏览器的地址栏中输入“http://localhost:8080/FusionCharts/jsp/Pie3D.jsp”，如下图所示：

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。