FusionCharts组件可以制作各种不同类型的图,有2D和3D的,有动态的和静态的,有柱状图、折线图、面积图、饼图等等。这次,主要讲述怎么制作3D柱状图,具体详细步骤如下:
工具/原料
1
Windows7
2
PC机
3
Tomcat7
4
JDK1.7
5
FusionCharts XT
6
截图工具
方法/步骤
1
在新建的放页面文件夹“jsp”下,创建3D柱状图页面“column3D.jsp”,如下图所示:
2
双击打开“column3D.jsp”,初始化 时页面的jsp代码,如下图所示:
3
在页面文件夹“jsp”目录下的“data”中,新建一个提供3D柱形图数据源的xml文件“column3D.xml”,如下图示:
4
双击打开“column3D.xml”,数据源文件初始化时代码,如下图所示:
5
在“column3D.jsp”页面代码中,编写3D柱形图代码,新建柱形图以及柱形图的数据源引入,如下图中的代码所示:
6
页面代码编写完成后,接着编写数据源文件“column3D.xml”,注意3D柱形图的数据格式,柱形图的趋势线,如图所示:
注意事项
1
数据源格式和3D柱形图所需要的数据格式一致
2
3D柱形图的图形类型,Column3D.swf
3
页面引入div的id要和render中的一致