chart.jsで複数のグラフ

Question

https://teratail.com/questions/66879
こちらを参考にchart.jsで３のグラフを記載しinview.jsにて表示したいのですが、
グラフが１つしか表示されません。

getElementByIdの値を変えるだけでは駄目なのでしょうか。
http://startapp.jp/2013/07/21/how-to-create-flat-chart.html
こちらのサイトでは
getElementByIdの値のみ変わっていたので、そちらを参考にいたしました。

###該当のソースコード

 var isShow = false;
        var doughnutData = [{
                value: 300,
                color: "#F7464A",
                highlight: "#FF5A5E",
                label: "Red"
            },
            {
                value: 50,
                color: "#46BFBD",
                highlight: "#5AD3D1",
                label: "Green"
            },
            {
                value: 100,
                color: "#FDB45C",
                highlight: "#FFC870",
                label: "Yellow"
            },
            {
                value: 40,
                color: "#949FB1",
                highlight: "#A8B3C5",
                label: "Grey"
            },
            {
                value: 120,
                color: "#4D5360",
                highlight: "#616774",
                label: "Dark Grey"
            }
        ];
        $('#inviewTest').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
            if (isInView && !isShow) {
                var ctx = document.getElementById("chart1").getContext("2d");
                window.myDoughnut = new Chart(ctx).Doughnut(doughnutData, {
                    responsive: true
                });
                isShow = true;
            }
        });
        
        
        
        /*２つめ*/
         var isShow = false;
        var doughnutData = [{
                value: 300,
                color: "#F7464A",
                highlight: "#FF5A5E",
                label: "Red"
            },
            {
                value: 40,
                color: "#46BFBD",
                highlight: "#5AD3D1",
                label: "Green"
            },
            {
                value: 10,
                color: "#FDB45C",
                highlight: "#FFC870",
                label: "Yellow"
            },
            {
                value: 20,
                color: "#949FB1",
                highlight: "#A8B3C5",
                label: "Grey"
            },
            {
                value: 120,
                color: "#4D5360",
                highlight: "#616774",
                label: "Dark Grey"
            }
        ];
        $('#inviewTest').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
            if (isInView && !isShow) {
                var ctx = document.getElementById("chart2").getContext("2d");
                window.myDoughnut = new Chart(ctx).Doughnut(doughnutData, {
                    responsive: true
                });
                isShow = true;
            }
        });

###試したこと
inview.jsを使わないと複数グラフ表示できましたが、inviewを使うと出来なくなりました。

Answer 1

グローバルに宣言されたisShowが1つ目のグラフでtrueになるので、2つ目は表示されません。
表示フラグの変数をそれぞれのグラフで別にしてみて下さい。

var isShow1 = false;
var isShow2 = false;