Как динамически изменить размер всплывающего окна, вызванного из диаграммы Highchart, используя jquery?
Ниже приведен раздел кода jquery, в котором называется всплывающее окно верхнего уровня - hs.htmlExpand(). Я хочу иметь возможность динамически изменять размер всплывающего окна. Если это невозможно, возможно, автоматическое изменение размера подойдет мне. Причина, по которой я хочу динамически изменять размер, заключается в том, что текст во всплывающем окне также будет динамически изменяться.
point: {
events: {
click: function() {
hs.htmlExpand(null, {
pageOrigin: {
x: this.pageX,
y: this.pageY
},
headingText: 'Error Rate',
maincontentText: 'test',
width: 220
});
}
}
}, ...
Вот рабочая скрипка: http://jsfiddle.net/e2qpa/1200/
Я встречал следующий код в документации Highslide, но я не знаю, как использовать его в этом контексте:
void hs.Expander.prototype.resizeTo ( int width, int height )
void hs.Expander.prototype.reflow()
1 ответ
Решение
Если вы позвоните hs.getExpander()
вернет последний открытый расширитель. Тогда вы можете использовать:
var ex = hs.getExpander();
ex.resizeTo(600,600);
reflow()
хорошо работал с обновленным контентом:
var ex = hs.getExpander();
ex.maincontent.innerHTML = "alkdfjalkdjf<br/>laksjdflaksjdf<br/>asjkdf<br/>lajkdf<br/>asjkdfl<br/>aksjdflkasjdflk<br/>ajsdfl<br/>kjasdfl<br/>kjasdfkl";
ex.reflow();
Пример тут.