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

1、新建一个Web工程项目，取名为“LineChart”，并在“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）FusionCharts中的几个参数：

第一个：swf文件的相对路径

第二个：图的ID

第三个：图的宽度

第四个：图的高度

第五个：0-正常模式，1-调试模式

（2）XMLUrl：数据源的相对路径

（3）render：页面中图容器的ID

具体配置如下图：

5、在页面body标签之间加入折线图的容器

<div id="line"></div>

具体如下图：

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

具体代码如截图：