Chartjs-Draw multiple chart in one page with Chart.js

by

2👍

✅

The reason you only see the last graph is because you are clearing the canvas you have drawn within each loop when you do this document.getElementById('metterpanel').innerHTML +=

To avoid this you could create a new element and append it to the target div. This will avoid your previous drawn canvases being cleared.

var newElement = $(' <div class="col-md-2 ">' + '<div class="meter">' + '<div>' +
            ' <canvas id="' + datakey + '"></canvas>' + ' <div class="ColProduct Product">' + '<div class="ProContent Pro-Name">' + datakey + ' </div>' + '</div>' + '</div>' + '</div>' + '</div>');
$('#metterpanel').append(newElement);

http://jsfiddle.net/leighking2/883g65xa/

Leave a comment