У меня есть диаграммы Canvas JS как div с данными диаграммы в отдельном файле javascript.Графики по умолчанию скрыты.Диаграммы должны отображаться только при нажатии на обработчик события OnClick.Я использую style.display = 'none' по умолчанию и OnClick. Я устанавливаю style.display = 'block'.Но он не сохраняет параметры div style.height и style.width фиксированными.Показанная диаграмма OnClick имеет небольшой размер, и я хочу, чтобы он был размером, напечатанным в div.Как этого добиться?
Я использую код:
var x = document.getElementById(res);
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
Нажав на обработчик событий при нажатии, диаграммы должны быть видимыми.
var str1= "chartContainer";
var res = str1.concat(dt);
var x = document.getElementById(res);
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
Диаграмма, котораяпоказано, имеет небольшие размеры.Как: https://www.photobox.co.uk/my/photo/full?photo_id=501983526299
Но предполагается, что он сохраняет высоту и ширину div, например: https://www.photobox.co.uk/my/photo/full?photo_id=501983527221