У меня проблема с проектом, над которым я работаю, с использованиемchart.js.CSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 У меня проблема с проектом, над которым я работаю, с использованиемchart.js.

Сообщение Anonymous »


Хорошо, я написал код, который будет собирать вводимые пользователем данные, а затем отображать их на любой диаграмме по их выбору, но при запуске кода он не отображает ни одной диаграммы после того, как я ввел свои значения, нажал «Создать диаграмму» и просто обновил страница. Это код ниже:

Проект Школьный проект Диаграммы Отправить формы Страница отображения диаграммы Ярлыки (через запятую): Введите данные: Выберите нужный тип диаграммы: Гистограмма Круговая диаграмма РЛС Линейный график Создать выбранную диаграмму Отправить формы Google
Изображение
Отправьте сюда созданные формы Google
Отправить форму Google функция showChartsPage() { document.getElementById('chartsPage').style.display = 'block'; document.getElementById('formsPage').style.display = 'none'; } функция showFormsPage() { document.getElementById('chartsPage').style.display = 'none'; document.getElementById('formsPage').style.display = 'блок'; } функция генерироватьДиаграмму() { const dataInput = document.getElementById("dataInput").value; const labelsInput = document.getElementById('labelsInput').value; const dataArray = dataInput.split(",").map(Number); constchartType = document.getElementById('chartType').value; const labels = labelsInput.split(',').map(label => label.trim()); const data = dataInput.split(',').map(value => parseFloat(value.trim())); const ctx = document.getElementById('myChart').getContext('2d'); если (window.myChart) { окно.myChart.destroy(); } window.myChart = новая диаграмма(ctx, { тип: Тип диаграммы, данные: { метки: Array.from({ длина: dataArray.length }, (_, я) => я + 1), наборы данных: [{ метка: «Пользовательские данные», данные: массив данных, BackgroundColor: 'rgba(75, 192, 192, 0.2)', borderColor: 'rgba(75, 192, 192, 1)', ширина границы: 1 }] }, }); } функция генерироватьДиаграмму() { constchartType = document.getElementById('chartType').value; const userData = document.getElementById('userData').value.split(',').map(Number); // Используйте Chart.js для создания диаграммы const ctx = document.getElementById('myChart').getContext('2d'); const myChart = новая диаграмма(ctx, { тип: Тип диаграммы, данные: { метки: Array.from({ длина: userData.length }, (_, я) => я + 1), наборы данных: [{ метка: «Пользовательские данные», данные: пользовательские данные, BackgroundColor: 'rgba(75, 192, 192, 0.2)', borderColor: 'rgba(75, 192, 192, 1)', ширина границы: 1 }] }, параметры: { Весы: { й: { начатьАтЗеро: правда } } } }); }
Это код выше.

Я попробовал проверить, правильно ли установлен мой файлchart.js, и это так. Я попробовал разные коды, но результат тот же: вместо диаграммы по моему выбору я увидел пустую страницу
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»