Example -- Stacked100ColumnChart   A 100% stacked column chart allows you to specify values for individual categories and then display what percentage those values comprise of the total value of all categories combined.  The chart elements are displayed as vertical bars.  The example below shows the percentage of sales made by stores in individual regions as they contribute to the total company sales.

Go Back

The following code...

<!-- #include file="Stacked100ColumnChart.asp" -->


<%
Dim x(11, 2)
Dim optList
x(0, 0) = 2200
x(0, 1) = 1500
x(0, 2) = 4000

x(1, 0) = 1700
x(1, 1) = 2200
x(1, 2) = 1100

Creates this chart...

Sales by Region   100%--- 90%--- 80%--- 70%--- 60%--- 50%--- 40%--- 30%--- 20%--- 10%---   $2200 $1500 $4000 $1700 $2200 $1100 $3000 $1200 $700 $1300 $2400 $1700 $2300 $2100 $300 $3400 $400 $900 $1200 $1800 $600 $900 $3100 $2100 $2900 $2100 $1200 $2200 $1200 $1900 $2200 $2200 $2200 $1900 $1700 $700 Legend     South     North     East Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec

Example -- Stacked100ColumnChartHREF New in WebCharts Pro!  Creates the same high-quality stacked 100% column chart, but allows the series within the columns to be hyper linked to other web pages.  Each individual series within each column can be linked to a separate page.

The following code...

<!-- #include file="Stacked100ColumnChart.asp" -->
<%
Dim x(11, 2)


x(0, 0) = 2200
x(0, 1) = 1500
x(0, 2) = 4000

x(1, 0) = 1700
x(1, 1) = 2200
x(1, 2) = 1100

x(2, 0) = 3000
x(2, 1) = 1200
x(2, 2) = 700

x(3, 0) = 1300
x(3, 1) = 2400
x(3, 2) = 1700

x(4, 0) = 2300
x(4, 1) = 2100
x(4, 2) = 300

x(5, 0) = 3400
x(5, 1) = 400
x(5, 2) = 900

x(6, 0) = 1200
x(6, 1) = 1800
x(6, 2) = 600

x(7, 0) = 900
x(7, 1) = 3100
x(7, 2) = 2100

x(8, 0) = 2900
x(8, 1) = 2100
x(8, 2) = 1200

x(9, 0) = 2200
x(9, 1) = 1200
x(9, 2) = 1900

x(10, 0) = 2200
x(10, 1) = 2200
x(10, 2) = 2200

x(11, 0) = 1900
x(11, 1) = 1700
x(11, 2) = 700

Dim hrefList2(11, 2)
hrefList2(0, 0) = "details.asp?MTH=0&REG=East"
hrefList2(0, 1) = "details.asp?MTH=0&REG=North"
hrefList2(0, 2) = "details.asp?MTH=0&REG=South"

hrefList2(1, 0) = "details.asp?MTH=1&REG=East"
hrefList2(1, 1) = "details.asp?MTH=1&REG=North"
hrefList2(1, 2) = "details.asp?MTH=1&REG=South"

hrefList2(2, 0) = "details.asp?MTH=2&REG=East"
hrefList2(2, 1) = "details.asp?MTH=2&REG=North"
hrefList2(2, 2) = "details.asp?MTH=2&REG=South"

hrefList2(3, 0) = "details.asp?MTH=3&REG=East"
hrefList2(3, 1) = "details.asp?MTH=3&REG=North"
hrefList2(3, 2) = "details.asp?MTH=3&REG=South"

hrefList2(4, 0) = "details.asp?MTH=4&REG=East"
hrefList2(4, 1) = "details.asp?MTH=4&REG=North"
hrefList2(4, 2) = "details.asp?MTH=4&REG=South"

hrefList2(5, 0) = "details.asp?MTH=5&REG=East"
hrefList2(5, 1) = "details.asp?MTH=5&REG=North"
hrefList2(5, 2) = "details.asp?MTH=5&REG=South"

hrefList2(6, 0) = "details.asp?MTH=6&REG=East"
hrefList2(6, 1) = "details.asp?MTH=6&REG=North"
hrefList2(6, 2) = "details.asp?MTH=6&REG=South"

hrefList2(7, 0) = "details.asp?MTH=7&REG=East"
hrefList2(7, 1) = "details.asp?MTH=7&REG=North"
hrefList2(7, 2) = "details.asp?MTH=7&REG=South"

hrefList2(8, 0) = "details.asp?MTH=8&REG=East"
hrefList2(8, 1) = "details.asp?MTH=8&REG=North"
hrefList2(8, 2) = "details.asp?MTH=8&REG=South"

hrefList2(9, 0) = "details.asp?MTH=9&REG=East"
hrefList2(9, 1) = "details.asp?MTH=9&REG=North"
hrefList2(9, 2) = "details.asp?MTH=9&REG=South"

hrefList2(10, 0) = "details.asp?MTH=10&REG=East"
hrefList2(10, 1) = "details.asp?MTH=10&REG=North"
hrefList2(10, 2) = "details.asp?MTH=10&REG=South"

hrefList2(11, 0) = "details.asp?MTH=11&REG=East"
hrefList2(11, 1) = "details.asp?MTH=11&REG=North"
hrefList2(11, 2) = "details.asp?MTH=11&REG=South"

y = Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec")
z = Array("East", "South", "West")
optList = "BgColor:008080;Legend:Y;Show:V;Dir:F;FormatValue:$;LabelFontFace:Arial;" & _
          "BarFontFace:Tahoma;LabelFontSize:2;RegKey:111-XXX-222;" & _ 
          "Caption:Sales by Region;PlotColor:0000FF;LabelColor:FFFF00"

Stacked100ColumnChartHREF x, y, z, hrefList, optList

Creates this chart...

Sales by Region   100%--- 90%--- 80%--- 70%--- 60%--- 50%--- 40%--- 30%--- 20%--- 10%---   $2200 $1500 $4000 $1700 $2200 $1100 $3000 $1200 $700 $1300 $2400 $1700 $2300 $2100 $300 $3400 $400 $900 $1200 $1800 $600 $900 $3100 $2100 $2900 $2100 $1200 $2200 $1200 $1900 $2200 $2200 $2200 $1900 $1700 $700 Legend     South     North     East Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec