Есть ли событие изменения размера для плагинов панели в Grafana 7?

#events #resize #grafana #grafana-plugin

#Мероприятия #изменение размера #grafana #графана-плагин

Вопрос:

Я создал плагин панели с React для Grafana 7. Я хотел бы знать, когда изменяется размер панели на панели мониторинга (т. Е. Перетаскивается мышью, чтобы сделать ее больше или меньше), чтобы плагин мог реагировать на это. Я искал какое-то событие OnResize или подобное, но ничего не могу найти. Есть ли способ определить, когда изменяется размер панели?

Ответ №1:

Вот как я обрабатываю изменение размера внутри плагина панели:

 const panelContainer = document.querySelector('selector_for_element_inside_your_plugin').closest('.panel-wrapper');
const panelContanerResizeObserver = new ResizeObserver(resizeHandler);
panelContanerResizeObserver.observe(panelContainer);
  

Короче говоря, вы выбираете оболочку панели и обрабатываете ее изменение размера с помощью ResizeObserver

Комментарии:

1. Откуда вы берете документ? В примере плагина grafana у вас есть функциональный компонент React, в котором нет документа. Извините, если это основной вопрос, но в документации Grafana отсутствуют какие-либо полезные примеры.