Wednesday, January 29, 2014

Charting DragonChart using HTML5 Canvas

http://www.codeproject.com/Articles/715977/Introduction-to-dragonchart-Open-Source-Infographi

Tutorial

http://www.w3schools.com/html/html5_canvas.asp Draws a box with a line through it

Try this test.html:

<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #000000;">
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);
ctx.moveTo(0,0);
ctx.lineTo(200,100);
ctx.stroke();
</script>