我尝试在一个html页面中创建两个饼图:
<div class="col-xs-6 col-sm-6 placeholder" >
<div style="margin:0 auto"><canvas id="zftChart" width="320px" height="200px" ></canvas></div>
</div>
<div class="col-xs-6 col-sm-6 placeholder" >
<div style="margin:0 auto"><canvas id="bocomChart" width="320px" height="200px" ></canvas></div>
</div>
但只有第一个<canvas>
生效。
In IE8 In Chrome
如果我删除第一个<canvas>
,第二个将生效。
在控制台中,它显示对象不支持getContext。但是,当我删除第二个<canvas>
时,它将无法显示
我已经使用window.onload = function() {}
来覆盖我的代码
我已经包含了js包,例如html5shiv.js excanvas.js来启用<canvas>
答案 0 :(得分:0)
最后我解决了。我从<canvas>
删除px,如下所示:
<canvas id="zftChart" width="320" height="200" ></canvas>
但我仍然不知道为什么这个问题会导致...