Такая проблема
Есть график, есть chart.js. Всё подключено и работает, если выводить напрямую
Но особенность в том, что выводиться график должен в элементе информационного блока. Сам скрипт подключается в шаблоне странице там же и графики лежат (не бросайтесь помидорами)
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
window.onload = function() {
if (document.getElementById('sex') != null) {
alert("hoi");
var sex = new Chart(document.getElementById('sex').getContext('2d'), {
type: 'pie',
data: {
labels: [
'Женщины',
'Мужчины',
],
datasets: [{
label: 'Распределение по полу',
data: [59, 41],
backgroundColor: [
'rgb(17, 33, 58)',
'#45b1bf'
],
hoverOffset: 4
}]
}
});
}
простой график, размещаю прямо там в шаблоне всё работает
Но нужно поместить в элемент информационного блока, в целом всё получалось и работало раньше, что изменилось не понятно
Canvas выводится, скрипт должен срабатывать (судя по alert) но сам график пустой
Задачка не стандартная... Но надеюсь знатоки найдутся. Спасибо за уделённое внимание.