tdgchart

The Three D Graphics Chart library (tdgchart) draws a chart in an HTML environment using a defined data set and Java Script Object Notation (JSON) definitions. The JSON object(s) define chart properties that control the appearance of the chart and chart objects.

Creating a chart is trivial.

Define the tdgchart.js file in the script tag in your HTML file:

<script type="text/javascript" src="tdgchart.js"></script>;

Add a <div id="myChartDiv"> in your HTML code to define where you want to draw the chart. Example:

<div class='chart' id='myFirstChart'></div>;

In any <script> tag, include:

<script type="text/javascript">
window.onload = function()
	var chart = new tdgchart();
	chart.draw('myFirstChart');
};
</script>

See the Getting Started page for more details.

JSON objects define values for chart properties. In addition to complete JSON objects, Js:Chart can accept JSON objects that only include one or a few properties. These property values are simply used in place of any existing settings.

Properties can also be set via 'dot' notation. Example:

chart.title.text = 'My New Chart Title';

Requirements

A modern browser (Firefox, Safari, Chrome, IE 9) with SVG support and JavaScript enabled.