jquery - 如何使用 jquery 动态调整从 Highchart 图形调用的 highslide 弹出窗口的大小？

Question

下面是调用 highslide 弹出窗口的 jquery 代码部分 - hs.htmlExpand()。我希望能够动态调整弹出窗口的大小。如果这不可能，也许自动调整大小对我有用。我想动态调整大小的原因是弹出窗口中的文本也会动态更改。

point: {
  events: {
    click: function() {

           hs.htmlExpand(null, {
              pageOrigin: {
                   x: this.pageX,
                   y: this.pageY
              },
              headingText: 'Error Rate',
              maincontentText: 'test',
              width: 220
            });
     }
  }
}, ...

这是一个有效的 fiddle :http://jsfiddle.net/e2qpa/1200/

我在 Highslide 文档中遇到了以下代码，但我不知道如何在这种情况下使用它:

void hs.Expander.prototype.resizeTo ( int width, int height )
void hs.Expander.prototype.reflow()

Answer 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();

示例 here .