小编use*_*314的帖子

同一页面中的多个chartjs

您好,我试图使用chartjs可以在这个链接www.chartjs.org找到

我试图使用示例代码在同一页面中绘制两个图表

我用两个不同的id创建了两个不同的div

像这样

<div id="chart1"></div>
<div id="chart2"></div>
Run Code Online (Sandbox Code Playgroud)

然后包括这一行:

我用这种方式创建了第一个图表:

 window.onload = function(){
    var ctx1 = document.getElementById("chart1").getContext("2d");
    window.myLine = new Chart(ctx1).Line(lineChartData, {
        responsive: true
    });
}
Run Code Online (Sandbox Code Playgroud)

和第二个图表这样:

   window.onload = function(){
        var ctx2 = document.getElementById("chart2").getContext("2d");
        window.myPie = new Chart(ctx2).Pie(pieData);
    };
Run Code Online (Sandbox Code Playgroud)

用于两个图表的数据与样本相同,所以没有任何改变,但如果我自己只绘制一个图表,如果我同时放置两个图表我只得到饼图,效果很好

你能告诉我问题在哪里吗?我认为这是某种冲突,但我找不到它

javascript charts html5

19
推荐指数
2
解决办法
5万
查看次数

标签 统计

charts ×1

html5 ×1

javascript ×1