INDEXLEFT.htm 16.1 KB
Newer Older
Thitichaipun Wutthisak committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121
<head>
<style type="text/css">
p.demotitle {margin-top:0; margin-bottom:0; padding-left:3; font-family:verdana; font-weight:bold; font-size:9pt; line-height:140%;}
p.demolink {margin-top:0; margin-bottom:0; padding-left:3; padding-top:2; padding-bottom:1; font-family:verdana; font-size:8pt;}
</style>
<body topmargin="0" leftmargin="0" rightmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="font-family:verdana; font-size:8pt;">

<tr><td colspan="2" bgcolor="#9999FF"><p class="demotitle">Pie Chart Samples</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SIMPLEPIE.jsp" target="indexright">Simple Pie Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="THREEDPIE.jsp" target="indexright">3D Pie Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="MULTIDEPTHPIE.jsp" target="indexright">Multi-Depth Pie Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SIDELABELPIE.jsp" target="indexright">Side Label Layout</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="CIRCLELABELPIE.jsp" target="indexright">Circular Label Layout</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="LEGENDPIE.jsp" target="indexright">Pie Chart with Legend</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SMALLSECTORPIE.jsp" target="indexright">Pie with Small Sectors</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="ICONPIE.jsp" target="indexright">Icon Pie Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="ICONPIE2.jsp" target="indexright">Icon Pie Chart (2)</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="FONTPIE.jsp" target="indexright">Text Style and Colors</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="GOLDPIE.jsp" target="indexright">Metallic Background Coloring</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="COLORPIE.jsp" target="indexright">Coloring and Wallpaper</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="BORDERPIE.jsp" target="indexright">Sectors with Borders</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="THREEDANGLEPIE.jsp" target="indexright">3D Angle</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="THREEDDEPTHPIE.jsp" target="indexright">3D Depth</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SHADOWPIE.jsp" target="indexright">3D Shadow Mode</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="ANGLEPIE.jsp" target="indexright">Start Angle and Direction</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" bgcolor="#9999FF"><p class="demotitle">Bar Chart Samples</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SIMPLEBAR.jsp" target="indexright">Simple Bar Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="THREEDBAR.jsp" target="indexright">3D Bar Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="COLORBAR.jsp" target="indexright">Multi-Color Bar Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="STACKEDBAR.jsp" target="indexright">Stacked Bar Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="PERCENTBAR.jsp" target="indexright">Percentage Bar Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="MULTIBAR.jsp" target="indexright">Multi-Bar Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="MULTISTACKBAR.jsp" target="indexright">Multi-Stacked Bar Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="deptHBAR.jsp" target="indexright">Depth Bar Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="POSNEGBAR.jsp" target="indexright">Positive Negative Bars</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="HBAR.jsp" target="indexright">Borderless Bar Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="dualHBAR.jsp" target="indexright">Dual Horizontal Bar Charts</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="PARETO.jsp" target="indexright">Pareto Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="GAPBAR.jsp" target="indexright">Bar Gap</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" bgcolor="#9999FF"><p class="demotitle">Line Chart Samples</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SIMPLELINE.jsp" target="indexright">Simple Line Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="ENHANCEDLINE.jsp" target="indexright">Enhanced Line Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="THREEDLINE.jsp" target="indexright">3D Line Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="MULTILINE.jsp" target="indexright">Multiline Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SYMBOLLINE.jsp" target="indexright">Symbol Line Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SPLINELINE.jsp" target="indexright">Spline Line Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="STEPLINE.jsp" target="indexright">Step Line Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="LINECOMPARE.jsp" target="indexright">Line Comparison</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="ERRLINE.jsp" target="indexright">Line with Error Symbols</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="customSYMBOLLINE.jsp" target="indexright">Custom Symbols</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="ROTATEDLINE.jsp" target="indexright">Rotated Line Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="XYLINE.jsp" target="indexright">Arbitrary XY Line Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="DISCONTLINE.jsp" target="indexright">Discontinuous Lines</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" bgcolor="#9999FF"><p class="demotitle">Trending and Curve Fitting</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="TRENDLINE.jsp" target="indexright">Trend Line Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SCATTERTREND.jsp" target="indexright">Scatter Trend Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="CONFIDENCEBAND.jsp" target="indexright">Confidence Band</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="CURVEFITTING.jsp" target="indexright">General Curve Fitting</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" bgcolor="#9999FF"><p class="demotitle">Scatter/Bubble Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SCATTER.jsp" target="indexright">Scatter Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SCATTERSYMBOLS.jsp" target="indexright">Custom Scatter Symbols</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SCATTERLABELS.jsp" target="indexright">Custom Scatter Labels</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="BUBBLE.jsp" target="indexright">Bubble Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="BUBBLESCALE.jsp" target="indexright">Bubble XY Scaling</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" bgcolor="#9999FF"><p class="demotitle">Area Chart Samples</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SIMPLEAREA.jsp" target="indexright">Simple Area Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="ENHANCEDAREA.jsp" target="indexright">Enhanced Area Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="THREEDAREA.jsp" target="indexright">3D Area Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="PATTERNAREA.jsp" target="indexright">Pattern Area Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="STACKEDAREA.jsp" target="indexright">Stacked Area Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="THREEDSTACKAREA.jsp" target="indexright">3D Stacked Area Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="PERCENTAREA.jsp" target="indexright">Percentage Area Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="DEPTHAREA.jsp" target="indexright">Depth Area Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="ROTATEDAREA.jsp" target="indexright">Rotated Area Chart</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" bgcolor="#9999FF"><p class="demotitle">Box Whisker Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="BOXWHISKER.jsp" target="indexright">Box Whisker Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="BOXWHISKER2.jsp" target="indexright">Box Whisker Chart (2)</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="GANTT.jsp" target="indexright">Simple Gantt Chart</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" bgcolor="#9999FF"><p class="demotitle">Finance Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="HLOC.jsp" target="indexright">Simple HLOC Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="CANDLESTICK.jsp" target="indexright">Simple Candlestick Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="FINANCE.jsp" target="indexright">Finance Chart (1)</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="FINANCE2.jsp" target="indexright">Finance Chart (2)</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" bgcolor="#9999FF"><p class="demotitle">Other XY Chart Features</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="MARKZONE.jsp" target="indexright">Marks and Zones</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="MARKZONE2.jsp" target="indexright">Marks and Zones (2)</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="YZONECOLOR.jsp" target="indexright">Y Zone Coloring</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="XZONECOLOR.jsp" target="indexright">X Zone Coloring</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="DUALYAXIS.jsp" target="indexright">Dual Y-Axis</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="DUALXAXIS.jsp" target="indexright">Dual X-Axis</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="FONTXY.jsp" target="indexright">Text Style and Colors</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="BACKGROUND.jsp" target="indexright">Background and Wallpaper</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="LOGAXIS.jsp" target="indexright">Log Scale Axis</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="AXISSCALE.jsp" target="indexright">Y-Axis Scaling</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="TICKS.jsp" target="indexright">Tick Density</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" bgcolor="#9999FF"><p class="demotitle">Polar Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="SIMPLERADAR.jsp" target="indexright">Simple Radar Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="MULTIRADAR.jsp" target="indexright">Multi Radar Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="POLARLINE.jsp" target="indexright">Polar Line Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="POLARSPLINE.jsp" target="indexright">Polar Spline Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="polarSCATTER.jsp" target="indexright">Polar Scatter Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="polarBUBBLE.jsp" target="indexright">Polar Bubble Chart</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="POLARZONES.jsp" target="indexright">Polar Zones</a></p></td></tr>
<tr><td><p class="demolink">&nbsp;</p></td></tr>
<tr><td colspan="2" bgcolor="#9999FF"><p class="demotitle">Clickable Charts</p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="CLICKBAR.jsp" target="indexright">Simple Clickable Charts</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="JSAREA.jsp" target="indexright">Javascript Clickable Charts</a></p></td></tr>
<tr valign="top"><td><p class="demolink">&#8226;</p></td><td><p class="demolink"><a href="CUSTOMCLICK.jsp" target="indexright">Custom Clickable Objects</a></p></td></tr>
</table>
</body>
</html>