График загрузки при отображении на экране?

Question

Можно ли загружать диаграммы с помощью chart.js, когда они становятся видимыми в окне просмотра? Я пытаюсь ускорить загрузку.

Я работаю с чем-то вроде этого безуспешно.

 $(window).scroll(function () {
        if ($(this).scrollTop() > 500) {

Вот диаграмма:

   new Chart(document.getElementById("doughnut-chart"), {
    type: 'doughnut',
    data: {
    labels: ["Seeker", "Rock", "Examiner", "Uniter", "Counselor"],
    datasets: [
    {
    label: "",
    backgroundColor: ["#ff4757", "#8e44ad","#3c40c6","#2ed573","#f9ca24"],
    data: [seekerNum, rockNum, examinerNum, uniterNum, counselorNum]
    }
    ]
    },
    options: {
    maintainAspectRatio: false,
    beginAtZero: true,
    title: {
    display: true,
    text: 'Your Personality Score'
    }
    }
    });

Front End

 <div class="col-lg-6 col-sm-12">
    <p class='largeBodyText'> Chart #1: </p>

    <canvas id="doughnut-chart" width="1000" height="1000"></canvas>

    </div>