在MyEclipse下用FusionCharts制作2D折线图

1、新建一个Web工程项目，取名为“L坡纠课柩ineChart”，并在“LineChart”下的WebRoot文件夹下新建一个放就女蒿鸳置FusionCharts的有关js文件和swf文件。接着，在WebRoot下新建一个“pages”文件夹，在该文件夹下新建一个jsp页面，“Line.jsp”，由于这个页面需要用到jQuery，首先将jQuery有关的js引入<script type="text/javascript" src="../fusioncharts/scripts/jquery-1.11.1.js"></script>具体如下图：

2、这个是FusionCharts的折线图，当然要引入FusionCharts的核心js，FusionCharts.js<script type="text/javascript" src="../fusioncharts/scripts/FusionCharts.js"></script>具体如下图：

3、FusionCharts中的图的图类型是根据它其中的swf文件来定义的，折线图有它的swf，“Line.swf”，如下图所示：

4、引入了相关的门钙蹲茌js，找到了折线图的swf文件，现在需要做的是创建一个FusionCharts折线图（1）FusionCh锾攒揉敫arts中的几个参数：第一个：swf文件的相对路径第二个：图的ID第三个：图的宽度第四个：图的高度第五个：0-正常模式，1-调试模式（2）XMLUrl：数据源的相对路径（3）render：页面中图容器的ID具体配置如下图：

5、在页面body标签之间加入折线图的容器<div id="line"></div>具体如下图：

6、在页面pages文件夹下新建一个装数据源的文件夹data，并在data中新建一个XML文件“line.xml”，将折线图需要的数据写进xml中具体代码如截图：