FusionCharts ASP Class建立图表

FusionCharts可与ASP一同使用以绘制动态数据驱动图表。使用FusionCharts ASP Class来渲染图表变得更加容易。接下来，咱们一块儿来看看如何使用FusionCharts ASP Class功能并建立图表。

注意：本文中所讨论的代码都包含在Download Package > Code > ASPClass > BasicExample文件夹中。

建立简单图表

接下来，咱们建立第一个图表。在本示例中，咱们将建立一个 "Monthly Unit Sales"图表。

运行代码，将会出现如图所示的图表效果：

建立一个带有外部XML文件的图表

如今，咱们将以另一种方式建立相同的图表。此时，咱们将使用两个不一样的程序。一个程序利用FusionCharts ASP Class建立图表XML，另一个程序借助于Data URL方法利用该XML来渲染图表。 Data.asp 文件中的代码可建立XML，而 SimpleChart.asp文件利用XML渲染图表。

Data.asp文件中的代码相似于上例中的代码，惟一不一样的是，它不渲染代码，而是将XML流向SimpleChart.asp文件。

<%@LANGUAGE="VBSCRIPT"%>
 <% option explicit %>
 <%
 'We have included ../../Includes/FusionCharts_Gen.asp - FusionCharts ASP Class
 'to help us easily embed the charts.
 %>
 <!--#include file="../../Includes/FusionCharts_Gen.asp"-->
 <%
 'This page demonstrates the ease of generating charts using FusionCharts ASPClass.
 'We created a FusionCharts object instance
 'Set chart values and configurations and returns the XML using getXML() function
 'and write it to the response stream to build the XML
 'Here, we have kept this example very simple.
 dim FC
 ' Create FusionCharts ASP class object
 set FC = new FusionCharts
 ' Set chart type to column 3d
 call FC.setChartType("column3D")
 dim strParam
 ' Define chart attributes
 strParam="caption=Monthly Unit Sales;xAxisName=Month;yAxisName=Units;decimals=0; formatNumberScale=0;showLabels=1"
 ' Set chart attributes
 call FC.setChartParams(strParam)
 ' Add chart data values and category names
 call FC.addChartData("462","label=Jan","")
 call FC.addChartData("857","label=Feb","")
 call FC.addChartData("671","label=Mar","")
 call FC.addChartData("494","label=Apr","")
 call FC.addChartData("761","label=May","")
 call FC.addChartData("960","label=Jun","")
 call FC.addChartData("629","label=Jul","")
 call FC.addChartData("622","label=Aug","")
 call FC.addChartData("376","label=Sep","")
 call FC.addChartData("494","label=Oct","")
 call FC.addChartData("761","label=Nov","")
 call FC.addChartData("960","label=Dec","")
 'set content type as XML
 Response.ContentType ="text/xml"
 'Return the chart XML for Column 3D Chart
 Response.Write(FC.getXML())
 %>

接下来，咱们一块儿来看看SimpleChart.asp功能:

输出结果和上例相同：

使用JavaScript渲染器建立简单图表：

FusionCharts容许你建立纯JavaScript图表，无需Flash。针对上述代码并作相应修改后，可实现上述相同的图表，代码片断以下：

' Create FusionCharts ASP class object
 set FC = new FusionCharts
 ' Set chart type to column 3d
 call FC.setChartType( "column3D" )
 ' Set JavaScript renderer
 FC.setRenderer( "javascript" )

...