Charting Components by Steema, Chart for .NET, VCL, Delphi, ActiveX, Java, PHP, JavaScript, HTML5, iOS, Mobile Chart for Android, BlackBerry and Phone 7. Data Visualization Charts

Features
Screenshots
Demos
Specifications

Main features

TeeChart for JavaScript is a 100% JavaScript charting library that plots graphs to all compatible browsers in native JavaScript format using the HTML5 Canvas element.

TeeChart for JavaScript is available as a standalone product and as an export format across the TeeChart product range. Both formats enable HTML5 live in-browser charts visualization format for a selected range of TeeChart data series types. Other series types, not supported in the dynamic model, may be output to browsers as static HTML5 graphs. See www.w3.org/TR/html5 for more details of the HTML5 specification.

Overview

TeeChart for JavaScript Live charts support zoom and scroll, a variety of interactive mouse-click events and finger-touch sensitivity on mobile devices.

Supported Series Types

TeeChart Series Types supporting live-format HTML5 export are:

Bar

Horizontal Bar

Line

Smooth Line

Pie

Donut

Area

Horizontal Area

Smooth Area

Point XY

Bubble

Candle (OHLC)

Gantt

Circular Gauge

Places where we can find TeeChart is being used:

TeeChart for JavaScript is being used in different environments, to take a look at them follow the links below:


TeeChart JavaScript support for Microsoft TypeScript
Includes teechart.d.ts declarative file.
Download: TeeChart for TypeScript

TeeChart for Embarcadero HTML5 Builder
Please follow the link below to get update information about TeeChart for HTML5 Builder.
TeeChart HTML5 for Embarcadero HTML5 Builder

TeeChart HTML5 plugin for jQuery
Includes jquery.teechart.js plugin source script.
See live example: TeeChart for jQuery example

TeeChart JavaScript for WordPress	See Demo
This plugin enables adding charts to your WordPress blogs
Installation: - Upload the teechart directory to the /wp-content/plugins/ directory - Activate the plugin through the 'Plugins' menu in WordPress - Add the following shortcode to your page content: [teechart title="Hello WordPress !" data="4,8,2" style="Donut" legend="true" labels="'Jan','Feb','Mar'"]
Download: TeeChart plugin for WordPress

TeeChart JavaScript for Drupal	See Demo
This module enables creating charts and graphs and insert them into your Drupal contents. Charts are created client-side using HMTL5 Canvas and JavaScript. No data is stored at the server, and no images are created.
Installation: - Go to Administration -> Modules - Download TeeChart module from http://www.steema.com - Install it, enable it and save configuration
How to use it: - Add the following sample special tag to your articles: [ teechart title="Hello Drupal !" data="4,8,2" style="Bar" legend="true" labels="'Jan','Feb','Mar'" width=480 height=290] Available styles are: Bar, Line, Area, HorizBar, PointXY, Donut, Pie, HorizArea
Download: TeeChart plugin for Drupal

TeeChart JavaScript for Joomla 1.5 and 2.5	See Demo1, See Demo2
This module enables creating charts and graphs and insert them into your Joomla contents. Charts are created client-side using HMTL5 Canvas and JavaScript. No data is stored at the server, and no images are created.
Installation: Add charts to your Joomla articles in two simple steps: - Download, install and enable TeeChart for Joomla plugin to your Joomla site. For Joomla 1.5, 1.6, 1.7 and 2.5 : Download TeeChart Plugin - Add the special [ teechart ] tag in your documents: For example: (all parameters are optional) [ teechart title="Hello Joomla!" width=460 height=290 style="Bar" data="4,7,2,5,1" legend="true" labels="'A','B','C','D','E'" ] Available styles are: Bar, Line, Area, HorizBar, PointXY, Donut, Pie, HorizArea
Download: TeeChart plugin for Joomla

TeeChart for Smart Mobile Studio	TeeChart converted to Smart
TeeChart components converted to Smart Mobile Studio, a groundbreaking development suite for knocking out cutting edge, feature rich, HTML5 applications.
Download: TeeChart for Smart Mobile Studio Demo

TeeChart Google Gadget
Add charts to your Google Docs, Spreadsheets and iGoogle desktop.
Download: TeeChart Gadget

TeeChart for node.js
Create html5 canvas server-side charts with node.js and javascript, to return png or jpeg images.
Download: TeeChart npm registry

TeeChart NuGet package for Microsoft Visual Studio
Add TeeChart HTML5 to your Visual Studio solution by installing a NuGet package.
NuGet TeeChart package, click here

Screenshots

TeeChart Chart 100% Javascript Editor shown clientside

Chart Editor

A TeeChart Donut Series, plotted in Javascript on the HTML5 Canvas

Donut Chart

Chart Scroller

Latest demos

TeeChart for JavaScript Feature Demo

Click here to see the full live scripted demo.

Tee.Data v.08 (pivot table tool)

Click here, beta release tutorial and examples.

Including the Chart on a page

TeeChart's Chart for JavaScript may be included on most HTML pages either directly or within an IFrame as is the case with the Chart below:

Scrollable Chart example. TeeChart for JavaScript..
This demo Chart is JavaScript code-rendered using the HTML5 canvas.

Specifications

TeeChart for JavaScript is written in 100% JavaScript and is designed for use across multiple different browser types supporting the HTML5 Canvas. It uses the HTML5 Canvas element to render chart contents.

Currently supported browsers (earliest version number) are:

	Microsoft Internet Explorer 9.0 (from 6.0 to 8.0 using ExCanvas.js polyfill)
	Mozilla Firefox 3.6
	Google Chrome 16.0
	Apple Safari 5.0
	Opera 11.6, Opera-Mini 5.0, Opera Mobile 10.0
	Apple iOS Safari 3.2
	Android WebKit 2.1