Как динамически изменить размер всплывающего окна, вызванного из диаграммы 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();

Пример тут.

Другие вопросы по тегам