Simple Radar Chart

This example demonstrates the basic steps in creating radar charts.

Create a PolarChart object using PolarChart.PolarChart.
Specify the polar plot area of the chart using PolarChart.setPlotArea.
Add a polar area layer and specify the data for the area using PolarChart.addAreaLayer.
Specify the labels on the angular axis using AngularAxis.setLabels. In a polar/radar chart, the radial axis refers to the axis from the center to the perimeter of the plot area, and the angular axis refers to the axis lying on the perimeter of the plot area.
Assign the chart to the WebChartViewer using WebChartViewer.setChart, and insert it to the web page using WebChartViewer.renderHTML. (ASP version)
Generate the chart image using BaseChart.makePicture and assign it to the ChartViewer using ChartViewer.Picture. (VB version)
Generate tool tips for the chart using BaseChart.getHTMLImageMap.

[Web Version (in ASP)] aspdemo\simpleradar.asp

<%@ language="vbscript" %>
<%
Set cd = CreateObject("ChartDirector.API")

' The data for the chart
data = Array(90, 60, 65, 75, 40)

' The labels for the chart
labels = Array("Speed", "Reliability", "Comfort", "Safety", "Efficiency")

' Create a PolarChart object of size 450 x 350 pixels
Set c = cd.PolarChart(450, 350)

' Set center of plot area at (225, 185) with radius 150 pixels
Call c.setPlotArea(225, 185, 150)

' Add an area layer to the polar chart
Call c.addAreaLayer(data, &H9999ff)

' Set the labels to the angular axis as spokes
Call c.angularAxis().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='{label}: score = {value}'")
%>

<!DOCTYPE html>
<html>
<head>
    <title>Simple Radar Chart</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 Radar Chart
    </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>

[Windows Version (in Visual Basic)] vbdemo\simpleradar.cls

Public Sub createChart(viewer As Object, chartIndex As Integer)

    Dim cd As New ChartDirector.API

    ' The data for the chart
    Dim data()
    data = Array(90, 60, 65, 75, 40)

    ' The labels for the chart
    Dim labels()
    labels = Array("Speed", "Reliability", "Comfort", "Safety", "Efficiency")

    ' Create a PolarChart object of size 450 x 350 pixels
    Dim c As PolarChart
    Set c = cd.PolarChart(450, 350)

    ' Set center of plot area at (225, 185) with radius 150 pixels
    Call c.setPlotArea(225, 185, 150)

    ' Add an area layer to the polar chart
    Call c.addAreaLayer(data, &H9999ff)

    ' Set the labels to the angular axis as spokes
    Call c.angularAxis().setLabels(labels)

    ' Output the chart
    Set viewer.Picture = c.makePicture()

    'include tool tip for the chart
    viewer.ImageMap = c.getHTMLImageMap("clickable", "", "title='{label}: score = {value}'")

End Sub