Javascript 在不同位置使用chart.js绘制多个图表?

Javascript 在不同位置使用chart.js绘制多个图表?,javascript,charts,chart.js,Javascript,Charts,Chart.js,我使用下面的代码在一个页面的不同位置绘制多个图表 window.onload = function(){ var ctx = document.getElementById("canvas2").getContext("2d"); window.myLine = new Chart(ctx).Line(lineChartData, { responsive: true }); var ctx2 = document.getElementById("canvas1").getContext("2

我使用下面的代码在一个页面的不同位置绘制多个图表

window.onload = function(){
var ctx = document.getElementById("canvas2").getContext("2d");
window.myLine = new Chart(ctx).Line(lineChartData, {
responsive: true
});

var ctx2 = document.getElementById("canvas1").getContext("2d");
window.myLine = new Chart(ctx2).Line(lineChartData2, {
    responsive: true
});
}

这会将图表一个接一个地绘制在一起。我想把它们画在不同的位置,中间有一些文字。我该怎么做?

我想您需要在=新图表(ctx)处将ctx更改为ctx2。。。第二张图表的线条。对不起,这是一个打字错误。那么画布是在同一个分区吗?如果是这样的话,把它们放在不同的盒子里,然后移动div