ChartDirector 7.0 (ASP/COM/VB Edition)

The First ASP Project




This section introduces using ChartDirector in ASP. If you are using ChartDirector in Windows applications, you may refer to The First Windows Project instead.

To get a feeling of using ChartDirector, and to verify the ChartDirector development environment is set up properly, we will begin by building a very simple bar chart.

If you have not yet tried the sample programs, it is highly recommended you try them now. Please refer to the Installation section for details. They are very useful for exploring and testing the features of ChartDirector.

[Web Version (in ASP)] aspdemo\simplebar.asp
<%@ language="vbscript" %> <% Set cd = CreateObject("ChartDirector.API") ' The data for the bar chart data = Array(85, 156, 179.5, 211, 123) ' The labels for the bar chart labels = Array("Mon", "Tue", "Wed", "Thu", "Fri") ' Create a XYChart object of size 250 x 250 pixels Set c = cd.XYChart(250, 250) ' Set the plotarea at (30, 20) and of size 200 x 200 pixels Call c.setPlotArea(30, 20, 200, 200) ' Add a bar chart layer using the given data Call c.addBarLayer(data) ' Set the labels on the x axis. Call c.xAxis().setLabels(labels) ' Output the chart Set viewer = cd.WebChartViewer(Request, "chart1") Call viewer.setChart(c, cd.SVG) ' Include tool tip for the chart viewer.ImageMap = c.getHTMLImageMap("", "", "title='{xLabel}: {value} GBytes'") %> <!DOCTYPE html> <html> <head> <title>Simple Bar Chart (1)</title> <!-- Include ChartDirector Javascript Library to support chart interactions --> <script type="text/javascript" src="cdjcv.js"></script> </head> <body style="margin:5px 0px 0px 5px"> <div style="font:bold 18pt verdana;"> Simple Bar Chart (1) </div> <hr style="border:solid 1px #000080; background:#000080" /> <div style="font:10pt verdana; margin-bottom:1.5em"> <a href="viewsource.asp?file=<%= Request("SCRIPT_NAME") %>">View Chart Source Code</a> </div> <!-- ****** Here is the chart image ****** --> <%= viewer.renderHTML() %> </body> </html>

The code is explained below:

Note: The trial version of ChartDirector will include small yellow banners at the bottom of the charts it produces. These banners will disappear in the licensed version of ChartDirector.