ChartDirector Ver 4.1 (Python Edition)

Stacked Radar Chart




This example demonstrates a stacked radar chart.

This example is similar to the previous Multi-Radar Chart example, except the data are stacked before passing to ChartDirector.

Source Code Listing

[Standalone Version] pythondemo\stackradar.py
#!/usr/bin/python
from pychartdir import *

# The data for the chart
data0 = [100, 100, 100, 100, 100]
data1 = [90, 85, 85, 80, 70]
data2 = [80, 65, 65, 75, 45]

# The labels for the chart
labels = ["Population<*br*><*font=arial.ttf*>6 millions",
    "GDP<*br*><*font=arial.ttf*>120 billions",
    "Export<*br*><*font=arial.ttf*>25 billions",
    "Import<*br*><*font=arial.ttf*>24 billions",
    "Investments<*br*><*font=arial.ttf*>20 billions"]

# Create a PolarChart object of size 480 x 460 pixels. Set background color to
# silver, with 1 pixel 3D border effect
c = PolarChart(480, 460, silverColor(), 0x000000, 1)

# Add a title to the chart using 15 pts Times Bold Italic font. The title text is
# white (ffffff) on a deep green (008000) background
c.addTitle("Economic Growth", "timesbi.ttf", 15, 0xffffff).setBackground(0x008000)

# Set plot area center at (240, 270), with 150 pixels radius
c.setPlotArea(240, 270, 150)

# Use 1 pixel width semi-transparent black (c0000000) lines as grid lines
c.setGridColor(0xc0000000L, 1, 0xc0000000L, 1)

# Add a legend box at top-center of plot area (240, 35) using horizontal layout. Use
# 10 pts Arial Bold font, with silver background and 1 pixel 3D border effect.
b = c.addLegend(240, 35, 0, "arialbd.ttf", 10)
b.setAlignment(TopCenter)
b.setBackground(silverColor(), Transparent, 1)

# Add area layers of different colors to represent the data
c.addAreaLayer(data0, 0xcc8880, "Year 2004")
c.addAreaLayer(data1, 0xffd080, "Year 1994")
c.addAreaLayer(data2, 0xa0bce0, "Year 1984")

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

# Set radial axis from 0 - 100 with a tick every 20 units
c.radialAxis().setLinearScale(0, 100, 20)

# Just show the radial axis as a grid line. Hide the axis labels by setting the label
# color to Transparent
c.radialAxis().setColors(0xc0000000L, Transparent)

# output the chart
c.makeChart("stackradar.png")

[CGI Version] pythondemo_cgi\stackradar.py
#!/usr/bin/python
from pychartdir import *

# The data for the chart
data0 = [100, 100, 100, 100, 100]
data1 = [90, 85, 85, 80, 70]
data2 = [80, 65, 65, 75, 45]

# The labels for the chart
labels = ["Population<*br*><*font=arial.ttf*>6 millions",
    "GDP<*br*><*font=arial.ttf*>120 billions",
    "Export<*br*><*font=arial.ttf*>25 billions",
    "Import<*br*><*font=arial.ttf*>24 billions",
    "Investments<*br*><*font=arial.ttf*>20 billions"]

# Create a PolarChart object of size 480 x 460 pixels. Set background color to
# silver, with 1 pixel 3D border effect
c = PolarChart(480, 460, silverColor(), 0x000000, 1)

# Add a title to the chart using 15 pts Times Bold Italic font. The title text is
# white (ffffff) on a deep green (008000) background
c.addTitle("Economic Growth", "timesbi.ttf", 15, 0xffffff).setBackground(0x008000)

# Set plot area center at (240, 270), with 150 pixels radius
c.setPlotArea(240, 270, 150)

# Use 1 pixel width semi-transparent black (c0000000) lines as grid lines
c.setGridColor(0xc0000000L, 1, 0xc0000000L, 1)

# Add a legend box at top-center of plot area (240, 35) using horizontal layout. Use
# 10 pts Arial Bold font, with silver background and 1 pixel 3D border effect.
b = c.addLegend(240, 35, 0, "arialbd.ttf", 10)
b.setAlignment(TopCenter)
b.setBackground(silverColor(), Transparent, 1)

# Add area layers of different colors to represent the data
c.addAreaLayer(data0, 0xcc8880, "Year 2004")
c.addAreaLayer(data1, 0xffd080, "Year 1994")
c.addAreaLayer(data2, 0xa0bce0, "Year 1984")

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

# Set radial axis from 0 - 100 with a tick every 20 units
c.radialAxis().setLinearScale(0, 100, 20)

# Just show the radial axis as a grid line. Hide the axis labels by setting the label
# color to Transparent
c.radialAxis().setColors(0xc0000000L, Transparent)

# output the chart
print "Content-type: image/png\n"
binaryPrint(c.makeChart2(PNG))