    This example uses 2 files:

    Client: ChartTypesJava.htm
    *************************************************************************
    <HTML>
    <HEAD><TITLE>Set Chart type - JScripted version</TITLE>
    <LINK REL=STYLESHEET TYPE="text/css" HREF="Style.css"></HEAD><BODY onload="SetLoad()">
    <img src="TeeChartAX300x66.jpg">
    <br><br>
    <a href="ASPHome.htm">Back to Contents page</a>
    <hr>
    <p><FONT face=Verdana size=-1></p>
    <h2>Form Combo to set TeeChart ASP output</h2>

    <h3>Output as PNG to IFrame</h3>
    <p><FONT face=Verdana size=-1>This is a duplicate of the previous ChartTypes example, here JScripted. Select a Chart type from the list to see an example created serverside and exported to your browser as a PNG image. There are 40 Series types in this demo that may be viewed in 2D or 3D. TeeChart supports almost unlimited combinations of differing Series types on one Chart.</p>

    <SCRIPT LANGUAGE=

    JAVASCRIPT> function
       SetChart(){FR1.location='ChartTypesJava.asp?ChartType='
                     + Form1.Target1.options(document.Form1.Target1.selectedIndex).value
                     + '&View= ' +
    Form1.Target2.options(document.Form1.Target2.selectedIndex).value;

    } function
       SetLoad(){FR1.location='ChartTypesJava.asp?ChartType='
                     + Form1.Target1.options(0).value
                     + '&View=' + Form1.Target2.options(0).value;
    }

    </SCRIPT>

    <FORM NAME="Form1" ACTION="">
    <SELECT NAME="Target1" language="JavaScript" onchange="SetChart()">
    <OPTION SELECTED VALUE="0">Line</option>
    <OPTION VALUE="1">Bar</option>
    <OPTION VALUE="2">HorizBar</option>
    <OPTION VALUE="3">Area</option>
    <OPTION VALUE="4">Point</option>
    <OPTION VALUE="5">Pie</option>
    <OPTION VALUE="6">FastLine</option>
    <OPTION VALUE="7">Shape</option>
    <OPTION VALUE="8">Gantt</option>
    <OPTION VALUE="9">Bubble</option>
    <OPTION VALUE="10">Arrow</option>
    <OPTION VALUE="11">Candle</option>
    <OPTION VALUE="12">Polar</option>
    <OPTION VALUE="13">Surface</option>
    <OPTION VALUE="14">Volume</option>
    <OPTION VALUE="15">ErrorBar</option>
    <OPTION VALUE="16">Bezier</option>
    <OPTION VALUE="17">Contour</option>
    <OPTION VALUE="18">Error</option>
    <OPTION VALUE="19">Point3D</option>
    <OPTION VALUE="20">Radar</option>
    <OPTION VALUE="21">Clock</option>
    <OPTION VALUE="22">WindRose</option>
    <OPTION VALUE="23">Bar3D</option>
    <OPTION VALUE="24">ImageBar</option>
    <OPTION VALUE="25">Donut</option>
    <OPTION VALUE="26">TriSurface</option>
    <OPTION VALUE="27">Box</option>
    <OPTION VALUE="28">HorizBox</option>
    <OPTION VALUE="29">Histogram</option>
    <OPTION VALUE="30">ColorGrid</option>
    <OPTION VALUE="31">BarJoin</option>
    <OPTION VALUE="32">HighLow</option>
    <OPTION VALUE="33">Waterfall</option>
    <OPTION VALUE="34">Smith</option>
    <OPTION VALUE="35">Pyramid</option>
    <OPTION VALUE="36">Map</option>
    <OPTION VALUE="37">HorizLine</option>
    <OPTION VALUE="38">Funnel</option>
    <OPTION VALUE="39">Calendar</option>
    </SELECT>

    <SELECT NAME="Target2" language="VBScript" onchange="SetChart()">
    <OPTION SELECTED VALUE="0">2D</option>
    <OPTION VALUE="1">3D</option>
    </SELECT>

    </FORM>
    <div id="Framebox"><IFRAME ID=FR1 WIDTH=465 HEIGHT=310 FRAMEBORDER=0 SCROLLING=NO></IFRAME></div>

    <HR>Copyright © 2024 Steema Software SL</BODY></HTML>
    *************************************************************************

    Server: ChartTypesJava.asp
    *************************************************************************
    <!--METADATA NAME="TeeChart Pro v2024 ActiveX Control" TYPE="TypeLib" UUID="{DE7847A7-A266-4AA9-AA68-16676652C9DB}"-->
    <%@ LANGUAGE="JavaScript" %>

    <%

     //***************************************************************
     // JScripted version of ChartTypes.asp. The syntax almost identical
     // to the VBScripted version
     //***************************************************************

     var ChartType
     var OutputStream
     var ViewType

      //=== Create Chart ======
      var Chart1 = Server.CreateObject('TeeChart.TChart');

      //=== Extract Chart type =======
      ChartType=Request.QueryString('ChartType');
      ViewType=Request.QueryString('View');

      //=== Add Series ==========
      Chart1.AddSeries(ChartType);

      //=== Setup Chart view =====
      Chart1.Aspect.View3D=ViewType;

      //=== Do Chart bits and pieces =====
      Chart1.Header.Text(0)='TeeChart Series Types';
      Chart1.Walls.Left.Transparent=true;
      Chart1.Panel.Gradient.Visible=true;
      Chart1.Panel.Gradient.StartColor=0xB3DEF5;
      Chart1.Panel.Gradient.EndColor=0xFACE87;

      //==== Size will be used for image output formats =====
      Chart1.Width = 450;
      Chart1.Height = 290;

      //=== use your methods eg via DB to populate Chart or...
      Chart1.Series(0).FillSampleValues(20);

      //=== Set output format
      OutputStream=Chart1.Export.asPNG.SaveToStream();

      //=== Cleanup the Chart =====
      Chart1=null;

      //===Send off the finished product ====
      Response.Binarywrite(OutputStream);

    %>
    *************************************************************************