Path: C:\
<!---
This page contains Javascript that generates the HTML for displaying the
sample charts on the right frame. To view the HTML, please right click on
an empty position on the right frame, and select "View Source" (for IE) or
"This Frame -> View Frame Source" (for FireFox).
--->
<html>
<head>
<script language="Javascript">
var charts = [
['', "Pie Charts"],
['simplepie.asp', "Simple Pie Chart", 1],
['threedpie.asp', "3D Pie Chart", 1],
['multidepthpie.asp', "Multi-Depth Pie Chart", 1],
['sidelabelpie.asp', "Side Label Layout", 1],
['circlelabelpie.asp', "Circular Label Layout", 2],
['legendpie.asp', "Pie Chart with Legend (1)", 1],
['legendpie2.asp', "Pie Chart with Legend (2)", 1],
['explodedpie.asp', "Exploded Pie Chart", 1],
['iconpie.asp', "Icon Pie Chart (1)", 1],
['iconpie2.asp', "Icon Pie Chart (2)", 1],
['multipie.asp', "Multi-Pie Chart", 3],
['donut.asp', "Donut Chart", 1],
['threeddonut.asp', "3D Donut Chart", 1],
['icondonut.asp', "Icon Donut Chart", 1],
['texturedonut.asp', "Texture Donut Chart", 1],
['concentric.asp', "Concentric Donut Chart", 1],
['pieshading.asp', "2D Pie Shading", 6],
['threedpieshading.asp', "3D Pie Shading", 7],
['donutshading.asp', "2D Donut Shading", 7],
['threeddonutshading.asp', "3D Donut Shading", 8],
['fontpie.asp', "Text Style and Colors", 1],
['threedanglepie.asp', "3D Angle", 7],
['threeddepthpie.asp', "3D Depth", 5],
['shadowpie.asp', "3D Shadow Mode", 4],
['anglepie.asp', "Start Angle and Direction", 2],
['donutwidth.asp', "Donut Width", 5],
['', ""],
['', "Bar Charts"],
['simplebar.asp', "Simple Bar Chart", 1],
['colorbar.asp', "Multi-Color Bar Chart", 1],
['softlightbar.asp', "Soft Bar Shading", 1],
['glasslightbar.asp', "Glass Bar Shading", 1],
['gradientbar.asp', "Gradient Bar Shading", 1],
['cylinderlightbar.asp', "Cylinder Bar Shading", 1],
['threedbar.asp', "3D Bar Chart", 1],
['cylinderbar.asp', "Cylinder Bar Shape", 1],
['polygonbar.asp', "Polygon Bar Shapes", 1],
['stackedbar.asp', "Stacked Bar Chart", 1],
['percentbar.asp', "Percentage Bar Chart", 1],
['multibar.asp', "Multi-Bar Chart", 1],
['softmultibar.asp', "Soft Multi-Bar Chart", 1],
['glassmultibar.asp', "Glass Multi-Bar Chart", 1],
['gradientmultibar.asp', "Gradient Multi-Bar Chart", 1],
['multicylinder.asp', "Multi-Cylinder Chart", 1],
['multishapebar.asp', "Multi-Shape Bar Chart", 1],
['overlapbar.asp', "Overlapping Bar Chart", 1],
['multistackbar.asp', "Multi-Stacked Bar Chart", 1],
['depthbar.asp', "Depth Bar Chart", 1],
['posnegbar.asp', "Positive Negative Bars", 1],
['hbar.asp', "Borderless Bar Chart", 1],
['dualhbar.asp', "Dual Horizontal Bar Charts", 1],
['markbar.asp', "Bars with Marks", 1],
['pareto.asp', "Pareto Chart", 1],
['varwidthbar.asp', "Variable Width Bar Chart", 1],
['gapbar.asp', "Bar Gap", 6],
['', ""],
['', "Line Charts"],
['simpleline.asp', "Simple Line Chart", 1],
['compactline.asp', "Compact Line Chart", 1],
['threedline.asp', "3D Line Chart", 1],
['multiline.asp', "Multi-Line Chart", 1],
['symbolline.asp', "Symbol Line Chart (1)", 1],
['symbolline2.asp', "Symbol Line Chart (2)", 1],
['missingpoints.asp', "Missing Data Points", 1],
['unevenpoints.asp', "Uneven Data Points ", 1],
['splineline.asp', "Spline Line Chart", 1],
['stepline.asp', "Step Line Chart", 1],
['linefill.asp', "Inter-Line Coloring", 1],
['linecompare.asp', "Line with Target Zone", 1],
['errline.asp', "Line with Error Symbols", 1],
['multisymbolline.asp', "Multi-Symbol Line Chart", 1],
['binaryseries.asp', "Binary Data Series", 1],
['customsymbolline.asp', "Custom Symbols", 1],
['rotatedline.asp', "Rotated Line Chart", 1],
['xyline.asp', "Arbitrary XY Line Chart", 1],
['', ""],
['', "Trending and Curve Fitting"],
['trendline.asp', "Trend Line Chart", 1],
['scattertrend.asp', "Scatter Trend Chart", 1],
['confidenceband.asp', "Confidence Band", 1],
['paramcurve.asp', "Parametric Curve Fitting", 1],
['curvefitting.asp', "General Curve Fitting", 1],
['', ""],
['', "Scatter/Bubble/Vector Charts"],
['scatter.asp', "Scatter Chart", 1],
['builtinsymbols.asp', "Built-in Symbols", 1],
['scattersymbols.asp', "Custom Scatter Symbols", 1],
['scatterlabels.asp', "Custom Scatter Labels", 1],
['bubble.asp', "Bubble Chart", 1],
['threedbubble.asp', "3D Bubble Chart (1)", 1],
['threedbubble2.asp', "3D Bubble Chart (2)", 1],
['threedbubble3.asp', "3D Bubble Chart (3)", 1],
['bubblescale.asp', "Bubble XY Scaling", 1],
['vector.asp', "Vector Chart", 1],
['', ""],
['', "Area Charts"],
['simplearea.asp', "Simple Area Chart", 1],
['enhancedarea.asp', "Enhanced Area Chart", 1],
['threedarea.asp', "3D Area Chart", 1],
['patternarea.asp', "Pattern Area Chart", 1],
['stackedarea.asp', "Stacked Area Chart", 1],
['threedstackarea.asp', "3D Stacked Area Chart", 1],
['percentarea.asp', "Percentage Area Chart", 1],
['deptharea.asp', "Depth Area Chart", 1],
['rotatedarea.asp', "Rotated Area Chart", 1],
['', ""],
['', "Floating Box/Waterfall Charts"],
['boxwhisker.asp', "Box-Whisker Chart", 1],
['boxwhisker2.asp', "Horizontal Box-Whisker Chart", 1],
['floatingbox.asp', "Floating Box Chart", 1],
['waterfall.asp', "Waterfall Chart", 1],
['posnegwaterfall.asp', "Pos/Neg Waterfall Chart", 1],
['', ""],
['', "Gantt Charts"],
['gantt.asp', "Simple Gantt Chart", 1],
['colorgantt.asp', "Multi-Color Gantt Chart", 1],
['layergantt.asp', "Multi-Layer Gantt Chart", 1],
['', ""],
['', "Contour Charts/Heat Maps"],
['contour.asp', "Contour Chart", 1],
['smoothcontour.asp', "Continuous Contour Coloring", 1],
['scattercontour.asp', "Scattered Data Contour Chart", 1],
['contourinterpolate.asp', "Contour Interpolation", 4],
['', ""],
['', "Finance Charts"],
['hloc.asp', "Simple HLOC Chart", 1],
['candlestick.asp', "Simple Candlestick Chart", 1],
['finance.asp', "Finance Chart (1)", 1],
['finance2.asp', "Finance Chart (2)", 1],
['<a href="javascript:window.open(\'financedemo.asp\', \'financedemo\').focus();">', "Interactive Financial Chart", -1],
['', ""],
['', "Other XY Chart Features"],
['markzone.asp', "Marks and Zones (1)", 1],
['markzone2.asp', "Marks and Zones (2)", 1],
['yzonecolor.asp', "Y Zone Coloring", 1],
['xzonecolor.asp', "X Zone Coloring", 1],
['dualyaxis.asp', "Dual Y-Axis", 1],
['dualxaxis.asp', "Dual X-Axis", 1],
['multiaxes.asp', "Multiple Axes", 1],
['fourq.asp', "4 Quadrant Chart", 1],
['datatable.asp', "Data Table (1)", 1],
['datatable2.asp', "Data Table (2)", 1],
['fontxy.asp', "Text Style and Colors", 1],
['background.asp', "Background and Wallpaper", 4],
['logaxis.asp', "Log Scale Axis", 2],
['axisscale.asp', "Y-Axis Scaling", 5],
['ticks.asp', "Tick Density", 2],
['', ""],
['', "3D Surface Charts"],
['surface.asp', "Surface Chart (1)", 1],
['surface2.asp', "Surface Chart (2)", 1],
['surface3.asp', "Surface Chart (3)", 1],
['scattersurface.asp', "Scattered Data Surface Chart", 1],
['surfaceaxis.asp', "Surface Chart Axis Types", 1],
['surfacelighting.asp', "Surface Lighting", 4],
['surfaceshading.asp', "Surface Shading", 4],
['surfacewireframe.asp', "Surface Wireframe", 6],
['surfaceperspective.asp', "Surface Perspective", 6],
['', ""],
['', "3D Scatter Charts"],
['threedscatter.asp', "3D Scatter Chart (1)", 1],
['threedscatter2.asp', "3D Scatter Chart (2)", 1],
['threedscattergroups.asp', "3D Scatter Groups", 1],
['threedscatteraxis.asp', "3D Scatter Axis Types", 1],
['', ""],
['', "Polar/Radar Charts"],
['simpleradar.asp', "Simple Radar Chart", 1],
['multiradar.asp', "Multi Radar Chart", 1],
['stackradar.asp', "Stacked Radar Chart", 1],
['polarline.asp', "Polar Line Chart", 1],
['polararea.asp', "Polar Area Chart", 1],
['polarspline.asp', "Polar Spline Chart", 1],
['polarscatter.asp', "Polar Scatter Chart", 1],
['polarbubble.asp', "Polar Bubble Chart", 1],
['polarvector.asp', "Polar Vector Chart", 1],
['rose.asp', "Simple Rose Chart", 1],
['stackrose.asp', "Stacked Rose Chart", 1],
['polarzones.asp', "Circular Zones", 1],
['polarzones2.asp', "Sector Zones", 1],
['', ""],
['', "Pyramids/Cones/Funnels"],
['simplepyramid.asp', "Simple Pyramid Chart", 1],
['threedpyramid.asp', "3D Pyramid Chart", 1],
['rotatedpyramid.asp', "Rotated Pyramid Chart", 1],
['cone.asp', "Cone Chart", 1],
['funnel.asp', "Funnel Chart", 1],
['pyramidelevation.asp', "Pyramid Elevation", 7],
['pyramidrotation.asp', "Pyramid Rotation", 7],
['pyramidgap.asp', "Pyramid Gap", 6],
['', ""],
['', "Meters/Dials/Guages"],
['semicirclemeter.asp', "Semi-Circle Meter", 1],
['roundmeter.asp', "Round Meter", 1],
['wideameter.asp', "Wide Angular Meters", 6],
['squareameter.asp', "Square Angular Meters", 4],
['multiameter.asp', "Multi-Pointer Angular Meter", 1],
['iconameter.asp', "Icon Angular Meter", 1],
['hlinearmeter.asp', "Horizontal Linear Meter", 1],
['vlinearmeter.asp', "Vertical Linear Meter", 1],
['multihmeter.asp', "Multi-Pointer Horizontal Meter", 1],
['multivmeter.asp', "Multi-Pointer Vertical Meter", 1],
['linearzonemeter.asp', "Linear Zone Meter", 1],
['', ""],
['', "Clickable Charts"],
['clickbar.asp', "Simple Clickable Charts", 0],
['jsclick.asp', "Javascript Clickable Chart", 0],
['customclick.asp', "Custom Clickable Objects", 0],
['', ""],
['', "Working With Database"],
['dbdemo1_intro.asp', "Database Integration (1)", 0],
['dbdemo2_intro.asp', "Database Integration (2)", 0],
['dbdemo3_intro.asp', "Database Clickable Charts", 0],
['', ""],
['', "Programmable Track Cursor"],
['tracklegend.asp', "Track Line with Legend", 0],
['tracklabel.asp', "Track Line with Data Labels", 0],
['trackaxis.asp', "Track Line with Axis Labels", 0],
['trackbox.asp', "Track Box with Legend", 0],
['trackfinance.asp', "Finance Chart Track Line", 0],
['crosshair.asp', "Crosshair with Axis Labels", 0],
['', ""],
['', "Zooming and Scrolling"],
['<a href="javascript:window.open(\'simplezoomscroll.asp\', \'simplezoomscroll\').focus();">', "Simple Zooming and Scrolling", -1],
['<a href="javascript:window.open(\'zoomscrolltrack.asp\', \'zoomscrolltrack\').focus();">', "Zoom/Scroll with Track Line", -1],
['<a href="javascript:window.open(\'xyzoomscroll.asp\', \'xyzoomscroll\').focus();">', "XY Zooming and Scrolling", -1],
['', ""],
['', "Realtime Charts"],
['<a href="javascript:window.open(\'realtimedemo.asp\', \'realtimedemo\').focus();">', "Simple Realtime Chart", -1],
['<a href="javascript:window.open(\'realtimetrack.asp\', \'realtimetrack\').focus();">', "Realtime Chart with Track Line", -1],
['', ""]
];
function setChart(c)
{
var doc = top.indexright.document;
doc.open();
doc.writeln('<body style="margin:5px 0px 0px 5px">');
doc.writeln('<div style="font-size:18pt; font-family:verdana; font-weight:bold">');
doc.writeln(' ' + charts[c][1]);
doc.writeln('</div>');
doc.writeln('<hr style="border:solid 1px #000080" />');
doc.writeln('<div style="font-size:10pt; font-family:verdana; margin-bottom:1.5em">');
doc.writeln(' <a href="viewsource.asp?file=' + charts[c][0] + '">View Chart Source Code</a>');
doc.writeln('</div>');
if (charts[c][2] > 1)
{
for (var i = 0; i < charts[c][2]; ++i)
doc.writeln('<img src="' + charts[c][0] + '?img=' + i + '">');
}
else
doc.writeln('<img src="' + charts[c][0] + '">');
doc.writeln('</body>');
doc.close();
}
</script>
<style type="text/css">
p.demotitle {margin-top:1; margin-bottom:2; padding-left:1; font-family:verdana; font-weight:bold; font-size:9pt;}
p.demolink {margin-top:0; margin-bottom:0; padding-left:3; padding-top:2; padding-bottom:1; font-family:verdana; font-size:8pt;}
</style>
</head>
<body style="margin:0px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="font-family:verdana; font-size:8pt;">
<script language="Javascript">
for (var c in charts)
{
if (charts[c][1] == "")
document.writeln('<tr><td><p class="demolink"> </p></td></tr>');
if (charts[c][0] == "")
document.writeln('<tr><td colspan="2" bgcolor="#9999FF"><p class="demotitle">' + charts[c][1] + '</p></td></tr>');
else
{
document.write('<tr valign="top"><td><p class="demolink">•</p></td><td><p class="demolink">');
if (charts[c][2] > 0)
document.write('<a href="javascript:;" onclick="setChart(\'' + c + '\');">');
else if (charts[c][2] == 0)
document.write('<a href="' + charts[c][0] + '" target="indexright">');
else
document.write(charts[c][0]);
document.write(charts[c][1]);
document.writeln('</a></p></td></tr>');
}
}
</script>
</table>
</body>
</html>