ChartJS - 饼图/甜甜圈图表顶部截止

Question

我使用最新的chartJS并尝试创建饼图或圆环图。这似乎对我来说应该相对简单，但是无论何时创建图表，顶部都会像下面的图像一样截止。我已经尝试了很多东西来解决这个问题，并且没有运气就四处寻找。有没有人遇到过这个？大多数浏览器是否不再支持ChartJS？

我已经在JSfiddle看到其他饼图，人们都在工作，将完全相同的代码复制到新文件中会导致相同的切割顶部图形。

其他图表有效，例如line / bar。

编辑：通过使用windows.load更改要加载的图表来取得一些进展。现在，当页面调整大小时，它将正确显示，但最初将以相同的方式显示。

这是HTML和JS代码。

            <div class="container-graph-window">
                <canvas id="pieChart" width="435" height="435"></canvas>
                <script>
                    pieChart();
                </script>
            </div> <!-- End continer-graph-window-->

///////////////////////////////////////////// JS CODE

function pieChart() {

    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"
            }

        ];

            var ctx = document.getElementById("pieChart").getContext("2d");
            window.pieChart = new Chart(ctx).Doughnut(doughnutData, {responsive : true});
} //end pie chart

注意：我必须将数据传递给JS函数并使用它来创建图形。

已解决：如果您遇到此问题，请更新所有Chart.js文件。