TeeChart for Javascript. Getting Started Guide

First steps. Creating a Chart

1) Add the TeeChart script to your html page, preferabily at <head> tag:

<script src="http://steema.us/files/jscript/src/teechart.js" type="text/javascript"></script>

2) Add the html5 canvas tag to display the chart:

<canvas id="canvas" width="300" height="200">
This browser does not seem to support HTML5 Canvas.

3) Add code to create a Chart with sample data:

<script type="text/javascript">
function draw() {
  Chart1=new Tee.Chart("canvas");
  Chart1.addSeries(new Tee.Pie([5,3,2,7,1]) );

4) Call the draw() function from the appropiate place, for example at body "onload" event:

<body onload="draw()">

The resulting output chart is:

This browser does not seem to support HTML5 Canvas.
Latest versions of major browsers include support for canvas.

The above code does the following:


Chart main properties and classes

For a complete reference of TeeChart API, please follow this link

The Chart object includes the following properties and sub-objects: