Графики и диаграммы на JavaScript для начинающих. Chart.js и plugin datalabels.
HTML-код
- Опубликовано: 6 сен 2024
- Материалы урока: t.me/frontend_...
Чат Фронтендеров в Telegram (помощь новичкам): t.me/frontend_...
Если ты изучаешь HTML, CSS, JS, то тебе надо практиковаться!
Создавать графики и диаграммы в наше время очень легко.
Изучим основные моменты библиотеки Chart.js и его популярного плагина chartjs-plugin-datalabels.
Подробное объяснение на практике.
Удачи!
Спасибо! Отличный контент на канале! 👍
Контент на канале топ👍
Ждём больше видео🔥
Привет, сделай видос про Реакт)
По какой-то причине при такой конструкции происходят чудеса с генерацией графиков. Если на все 4 кейса поставит по 4 чарта, то на каждой странице мы увидим 4 графика. Если по 3, 2, всё окей. Но если мы поставим 1 и 4ый, то в таком случае 4 не отобразится и мы увидим только 1ый график. Если на каждый кейс поставить чарты в прямой последовательности (1, 2, 3, 4), то увидим по какой-то причине только 1ый и 2ой, а 3 и 4 не сгенерируются. Также если на каждый кейс поставить только 4ый чарт, то все кейсы будут пустые. График сгенерирован не будет.
PHP часть:
case '1':
echo '';
break;
case '2':
echo '';
break;
case '3':
echo '';
break;
case '4':
echo '';
break;
JavaScript часть:
const chart1 = new Chart(document.querySelector('#chart1'), ...});
const chart2 = new Chart(document.querySelector('#chart2'), ...});
const chart3 = new Chart(document.querySelector('#chart3'), ...});
const chart4 = new Chart(document.querySelector('#chart4'), ...});
ну наконец-то новый видос!