Charts.JS - слишком много графиков? - Проблема с загрузкой - PullRequest
Новая
       9

Charts.JS - слишком много графиков? - Проблема с загрузкой

0 голосов
/ 11 октября 2019

У меня есть 60 + загрузка диаграмм на странице на панели инструментов. На рабочем столе он работает, но на мобильном телефоне иногда при перезагрузке все диаграммы исчезают и должны быть перезагружены, чтобы быть видимыми.

Если я удалю большинство графиков, эта проблема, похоже, исчезнет.

Есть ли правильный способ загрузки более 60 графиков с помощью charts.js?

Есть совет?

Вот пример моей установки: 

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'
}
}
});

Внешний интерфейс: 

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

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

</div>

1 Ответ

1 голос
/ 11 октября 2019

Мое решение состояло в том, чтобы разбить 60+ диаграмм между 3 страницами. Я хотел бы знать причину ошибки, но разделение их полностью решило проблему загрузки. Если кто-то знает максимальное количество диаграмм на одной странице, рекомендованное charts.js, не стесняйтесь делиться!

...