Integration - www.TecStock.com

Demo:

Adding a "Thumbnail View" in your page

<html>
<header>

<script language='JavaScript' type='text/JavaScript' src='http://www.tecstock.com/script/integration_api.js'></script>
<script type="text/javascript">
   tecstock_user_id = "demo";
   tecstock_chart_size = "tiny";

tecstock_color_schema = "lightblue";

// comment out the following line to change color schema
   // tecstock_color_schema = "blackred";

// commnet out the following line to add volume chart below the main chart
   // tecstock_addSubchartInd('vol','5,30,60','b');
</script>

</header>
<body>

<center>
<h4>A Thumbnail View</h4>

  <table border=1>
    <tbody>
      <tr>
        <td align=left>
          <script language=JavaScript>
            var url = tecstock_getImageURL("^GSPC", false, false);
            document.write("<img src=", url, ">");
          </script>
        </td>
        <td align=left>
          <script language=JavaScript>
            var url = tecstock_getImageURL("^IXIC", false, false);
            document.write("<img src=", url, ">");
          </script>
        </td>
      </tr>
      <tr>
        <td align=left>
          <script language=JavaScript>
            var url = tecstock_getImageURL("MSFT", false, false);
            document.write("<img src=", url, ">");
          </script>
        </td>
        <td align=left>
          <script language=JavaScript>
            var url = tecstock_getImageURL("IBM", false, false);
            document.write("<img src=", url, ">");
          </script>
        </td>
      </tr>
    </tbody>
  </table>

</center>

</body>
</html>

View Description

This demo shows how to add multiple charts in your web site. It displays multiple charts within a table and builds a thumbnail view of charts. You may choose other layout you prefer to display the charts.

Because we want to use the same configuration for all the charts, all the variables are set only once in the HMTL header. When calling the function tecstock_getImageURL, we indicate not to reset variables and indicators.

You can try out this demo by modifying the source code above and then click on the "Edit the text and click me" button. To learn more about how to change the chart configuration, please refer to the integration API.

If you have subscripted the Golden Service Package, set tecstock_user_id to your user id as this demo does. This will display your company name on the top of the chart and make your web site more serious and professional. By default, "www.TecStock.com" is displayed.

Go Back