FunctoinChart 创建柱状图 和曲线图 Asp.Net

1、vs新建项目 ==>ASP.NET 空web应用程序。填写名称，项目存放位置，单击确定。

5、Col3DLine.xml文件的内容如下：<chart caption='标题' palette='1' showValues='0' yAxisValuesPadding='10'> <categories> <category label='8月 05' /> <category label='9月 05' /> <category label='10月 05' /> <category label='11月 05' /> <category label='12月 05' /> </categories> <dataset seriesName='Product A'> <set value='36000' /> <set value='34300' /> <set value='30000' /> <set value='27800' /> <set value='25000' /> </dataset> <dataset seriesname='Product B'> <set value='31000' /> <set value='29300' /> <set value='26000' /> <set value='21000' /> <set value='20500' /> </dataset> <dataset seriesname='Predicted' renderAs='Line'> <set value='25000' /> <set value='23000' /> <set value='20000' /> <set value='18000' /> <set value='14500' /> </dataset> <dataset seriesname='2004 Avg.' renderAs='Line' > <set value='17000' /> <set value='15000' /> <set value='16000' /> <set value='11500' /> <set value='10000' /> </dataset></chart>

6、添加引用FusionCharts.js,并添加一个新web窗体。

9、FusionCharts解析操作步骤：<1>建立对象：用四个参数建立了一个FusionC茑霁酌绡harts对象， var chart = new FusionCharts("charts/MSColumnLine3D.swf", "ChartId", "600", "300", "0", "0");　　第一个参数是SWF文件的地址。　　第二个是图形的id。这个id可以随便叫什么，但是要注意，当一个页面里有多个图形的时候，这个id一定要是唯一的。　　第三个参数是图形的宽。　　第四个参数是图形的高。<2>加载数据：第一种加载方法需要设置数据文件的地址。如：chart.setDataURL("Data/Col3DLine.xml");<3>把图形渲染在指定的地方。 chart.render("chartdiv");"chartdiv"就是前面的DIV的id，这就表示把图形render到"chartdiv"，即Flash图形就出现在这个id为"chartdiv"的DIV里。

10、浏览页面chartTest.aspx 效果图：