Hi there! How can I render 2 line chart every second with my code.
<script type="text/javascript"> window.onload = function () { var dps1 = []; var dps2 = []; var chart = new CanvasJS.Chart("chartContainer", { toolTip:{ shared: true, }, data: [ { type: "line", dataPoints: dps1 }, { type: "area", dataPoints: dps2 } ] }); $.getJSON("data_1.php", function (data) { for( var i = 0; i < data.length; i++) { dps1.push({ label: data[i].label, y: data[i].y }); dps2.push({ label: data[i].label, y: data[i].y2 }); } chart.options.data[0].dataPoints = data; chart.render(); }); var updateChart = function() { $.getJSON("data_1.php", function (data) { chart.options.data[0].dataPoints = data; chart.render(); }); } setInterval(function(){updateChart()},1000); } </script>