ie8-холст теги вступают в силу только один раз в HTML

Question

я пытаюсь создать два PieChart в одной 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 IE8In Chrome
Если я удалю первый <canvas>, второй вступит в силу.
В консоли показано, что объект не поддерживает getContext. Но когда я удаляю второй <canvas>, он не будет отображаться.
У меня есть ueed window.onload = function() {} для покрытия моего кода.
И я включил js-пакеты, такие как html5shiv.js excanvas.js, чтобы включить <canvas>

Answer 1

Наконец-то я решил. Я удаляю из точек <canvas> как это:
<canvas id="zftChart" width="320" height="200" ></canvas>
Но я до сих пор не знаю, почему эта проблема причина ...