Integration - www.TecStock.com

Demo:

Adding a "Get Chart" button in web page

<html>
<header>

<script language='JavaScript' type='text/JavaScript' src='http://www.tecstock.com/script/integration_api.js'></script>
<script type="text/javascript">
function drawChart() {
   var div = document.getElementById('tecstock_chart');
   var symbol = document.getElementById('tecstock_symbol').value;

if (div && symbol) {
      tecstock_user_id = "demo";

// valid chart size are: tiny,small,medium,larg,huge,wide
      tecstock_chart_size = "large";

// comment out the following line to add volume in the main chart
      // tecstock_addMainchartInd('vol','5,30,60');

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

// comment out the following line to add MA in the main chart
      // tecstock_addMainchartInd('ma','30,50,200');

// commnet out the following line to add MACD above the main chart
      // tecstock_addSubchartInd('macd','12,26,9','a');

// comment out the following line to add RSI above the main chart
      // tecstock_addSubchartInd('rsi','14','a');

url = tecstock_getImageURL(symbol, true, true);
      div.innerHTML = "<img src=" + url + ">";
   }
}
</script>

</header>
<body>

Enter Symbol: <input type="text" id="tecstock_symbol" value="IBM" onfocus="this.select()">
<input type="button" name="Go" value="Get Chart" onClick="drawChart()">

<div id="tecstock_chart"></div>

</center>

</body>
</html>

View Description

Adding a "Get Chart" button in your web page is easy and fast. Take the source code above as an example and:

copy and paste the code segment 1 into the header of your HTML page
put the code segment 2 to where you want to display the button
put the code segment 3 to where you want to display the chart

To try out this demo, modify the source code above, add, for example, indicators in the chart by following the instructions in the source code, then click on the "Edit the text and click me" button.

You can also change the chart size, colors and all the small chart details to match the style of your web page. For more details, 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.

You can find a more comprehensive example which allows a full control over the chart in demo 2.

Go Back