canvas - Flexslider の最後のスライドが表示されない

Question

Flexslider の各スライドには、Chart.js からチャートを取り込むキャンバス要素がありますが、何らかの理由で最後のスライドには表示されません。

3D スライドが最後の場合、3D には表示されません。5番目が最後なら、5番目は誰でもない。

HTML:

<div class="flexslider">
  <ul class="slides">
    <li>
        <canvas id="pie0" width="300px" height="300px"></canvas>
        <h1>1st slide</h1>
    </li>
    <li>
        <canvas id="pie1" width="300px" height="300px"></canvas>
        <h1>2nd slide</h1>
    </li>
    <li>
        <canvas id="pie2" width="300px" height="300px"></canvas>
        <h1>3d and last slide</h1>
    </li>
  </ul>
</div>

JS:

$(document).ready(function(){
$('.flexslider').flexslider({
        animation: "slide",
        animationLoop: true,  
  });
});

var pieData = [
            {
                value: 72,
                color:"#EBB035"
            },
            {
                value : 28,
                color : "#eee"
            }

        ];

new Chart(document.getElementById("pie0").getContext("2d")).Doughnut(pieData);

new Chart(document.getElementById("pie1").getContext("2d")).Doughnut(pieData);

new Chart(document.getElementById("pie2").getContext("2d")).Doughnut(pieData);

jsFiddle を参照してください。http://jsfiddle.net/bw24s/

何かご意見は？バグ？ありがとう！