Chart.js の円グラフが、IE11で、表示されない！

chart.js プラグインを用いて、円グラフを描写、IEのみ表示されない。

chromeやその他のプラウザでは問題なく表示、動きもできましたが、IE11が、グラフが表示されません。
エラーも特別には無い状態です。
(スクロールイベントのために、Inview.jsも用いております)

どこが、原因なのかご教授賜りたく質問させて頂きました。

以下、コードを記載します。

html
1<!-- JS呼び出し -->
2<script src="./js/jquery-1.8.3.js"></script>
3<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
4<script src="https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min.js"></script>
5
6<!-- ===================== -->
7
8<div class="chart-area">
9    <canvas id="chart01" width="220" height="220"></canvas>
10</div>

css
1.chart-area {
2   width: 100%;
3   height: 100%;
4}

javascript
1<script>
2  Chart.defaults.global.legend.display = false;
3  Chart.defaults.global.tooltips.enabled = false;
4  $('#chart01').one('inview', function(event, inInview) {
5    if (inInview) {
6      var ctx = document.getElementById('chart01').getContext('2d');
7  var myChart = new Chart(ctx, {
8      type: 'pie',
9      data: {
10          datasets: [{
11              data: [12, 46, 26, 8, 7, 1],
12              backgroundColor: [
13                  'rgba(222, 135, 136)',
14                  'rgba(190, 16, 17)',
15                  'rgba(209, 87, 88)',
16                  'rgba(247, 207, 207)',
17                  'rgba(235, 183, 183)',
18                  'rgba(255, 255, 255)'
19              ],
20              borderWidth: 0
21          }]
22      },
23      options: {
24        maintainAspectRatio: false,
25          scales: {
26              y: {
27                  beginAtZero: true
28              }
29          }
30      }
31  });
32    }
33  });
34  </script>