Skip to main content

Posts

Showing posts with the label LINE CHART

Line Chart With HTML 5 Canvas Element

Introduction Greetings of the day!  As a continuation to my earlier post, this is a line chart with a single line. This  is with HTML 5 Canvas element. However animation is not available in this. Description As earlier this will follow the same logic. Use  "LineChart" object to render the chart.  I have the following code in html page: <body style="margin-left:50px;margin-top:50px;" onload="draw()">     <canvas id="canvas" width="500" height="300"></canvas> </body> The canvas element in html code will be rendered as line chart. We have initialized the line chart object as follows: var _data = { id: "canvas", height: "300", width: "500", dataPointFont: '10pt Arial', axisColors: { xLineColor : '#151B54', xPointColor : '#FF00FF', xTextColor : '#FF00FF', ...