Скрыть диаграммы

Question

У меня на панели инструментов несколько диаграмм. Если я хочу:

1. скрыть все диаграммы.
2. скрыть все, кроме одного.
3. обновить одну диаграмму и скрыть другие

Как я могу достичь вышеуказанных баллов?

Answer 1

Ниже приведен действительно базовый c пример того, как найти контейнер по его идентификатору и переключить его видимость на кнопках:

https://jsfiddle.net/BlackLabel/7wpc26o1/

[document.getElementById('btn1'), document.getElementById('btn2'), document.getElementById('btn3')].forEach((btn, i) => {
  let chartContainer = document.getElementById('container' + (i + 1))
  btn.addEventListener('click', function() {
    console.log(chartContainer.style.display)
    if (chartContainer.style.display === 'none') {
      chartContainer.style.display = 'block'
    } else {
      chartContainer.style.display = 'none'
    }
  })
})

Надеюсь, что в этом примере все понятно, если нет - смело спрашивайте.

Answer 2

Здесь уже был дан ответ: JavaScript скрыть / показать элемент

как правило, вы можете настроить таргетинг на элемент (диаграмму в вашем случае) по id:

 let chart = document.getElementById('chart');

затем установите для отображения значение 'none', чтобы скрыть его:

chart.style.display = 'none'

в поперечном направлении вы можете очистить или сбросить отображаемое значение, чтобы вернуть диаграмму:

chart.style.display = ''

не видя вашего кода или того, как выглядит страница, это лучший совет, который я могу дать.