Render graph in HTML Canvas

[ben.haest@qed.lu]

Im created a canvas in the HTML Block, name myCanvas.
<div>
<canvas id=”myCanvas” style=”border:1px solid #000000; margin-right: auto; margin-left: auto; display: block;”></canvas>
</div>

In a script I want to create a graph but this does not seem to work:

var chart = new CanvasJS.Chart(“myCanvas”,{
title :{
text: “Live Data”
},
axisX: {
title: “Axis X Title”
},
axisY: {
title: “Units”
},
data: [{
type: “line”,
dataPoints : dps
}]
});

chart.render();

I just copied some code from the examples, but even that does not seem to work.
Does ConvasJS only work when the id= a block, or is there a way to make it work with a canvas?

[Thangaraj Raman]

@ben-haestqed-lu,

The chart container has to be a div, not a canvas, as shown in the code snippet below:

<div id="myChart" style="border:1px solid #000000; margin-right: auto; margin-left: auto; display: block;"></div>

Please take a look at this docs page for a step-by-step tutorial on creating a chart.

—
Thangaraj Raman
Team CanvasJS