Chartjs阻止跳转到ASP.NET MVC 5中的某个部分

Question

我在其中一个视图中包含了canvas元素，并且其中填充了统计信息。统计信息由chartjs显示。在我的导航栏中，我有一个指向我视图中某个位置的链接。该链接如下所示：

<a class="drpDownLnk nav-link dropdown-header" href="#mySection">go to mySection</a>

我的画布元素看起来像这样：

<canvas id="myChart" width="400" height="300"></canvas>

这是将chartjs绑定到我的canvas元素的方法：

$(document).ready(function () {
        let chart = document.getElementById('myChart').getContext('2d');

        let termAnzChart = new Chart(chart, {
                type: 'line',
                backgroundColor: 'rgba(255, 255, 255, 255)',
                data: {
                    labels: [
                        @Model.myLabels
                    ],
                    datasets: [{
                        fill: false,
                        borderColor: 'rgba(0, 0, 0, 1)',
                            data: [
                                @Model.myData
                            ]
                    }]
                },
                options: {
                    responsive: true,
                    legend: {
                        display: false
                    },
                    scales: {
                        xAxes: [{
                            ticks: {
                                autoSkip: false,
                                maxRotation: 90,
                                minRotation: 90
                            }
                        }]
                    }
                }
        });
    });

[不幸的是，我的链接仅在您第二次单击时才起作用，而在第一次时不起作用。这可能是什么原因？没有chartjs部分，链接可以正常工作。仅当我包含chartjs时，该链接仅在第二次单击时有效。我已经尝试删除指令$(document).ready()。但是问题仍然存在。谁能帮忙？

后续注释：此错误仅在Google Chrome中出现。

Answer 1

所以我现在已经集中处理了这个问题。该问题仅在Google Chrome中出现。甚至IE 11都可以处理。 Firefox和EDGE也没有问题。此外，在使用Google Chrome浏览器的客户端上通过JavaScript代码进行调试时，不会发生此问题。因此，仅当您使用Google Chrome且未处于调试模式时，才会出现问题。我已经将此问题通知了Google，因为我认为这是Google Chrome的错误。因此，此stackoverflow问题目前已关闭。