// Use the teechart.js script:
<script src="../../src/teechart.js" type="text/javascript"></script>
// Script to create and draw the chart:
<script type="text/javascript">
function draw() {
// Create a chart with the specified canvas:
var Chart1=new Tee.Chart("canvas");
// Add two line series:
Chart1.addSeries(new Tee.Line([5,3,2,null,7,1]) );
Chart1.addSeries(new Tee.Line([4,4,null,8,2,9]) ).visible=true;
Chart1.series.items[0].format.stroke.size=3;
Chart1.title.text="TeeChart for JavaScript";
Chart1.series.items[0].title="Red";
Chart1.series.items[1].title="Orange";
// Null values, skip by default:
Chart1.series.items[0].treatNulls="skip";
Chart1.series.items[1].treatNulls="skip";
changeTheme(Chart1, "minimal");
Chart1.draw();
}
</script>
// Call the draw() function, for example at body onload event:
<body onload="draw()">
<canvas id="canvas" width="600" height="400" style="display: block; margin-left: auto; margin-right: auto;></canvas>
</body>