Highcharts 上的 Gridstack，回流不起作用

Question

我正在尝试将 highcharts 放入 Gridstack 并允许它能够拖动和调整大小。我设法用 javascript 渲染它，但用 Jquery 渲染时出错。

var options = { // 在这里输入 gridstack 选项 disableOneColumnMode: true, // 对于 jfiddle 小窗口大小 浮动：假， placeholderClass: "占位符"

}; var grid = GridStack.init(选项);

var chart = Highcharts.chart('testChart', { 图表： { 动画：假的， 类型：'酒吧' }, 绘图选项：{ 系列： { 动画：假的， } }, 标题： { 文本：“水果消费” }, x轴：{ 类别：['苹果'、'香蕉'、'橙子'] }, y轴：{ 标题： { text: '吃水果' } }, 系列： [{ 名称：'简'， 数据：[1, 0, 4] }, { 名称：'约翰'， 数据：[5, 7, 3] }] });

document.querySelector('.grid-stack').addEventListener('change', function(event, items) { var chartContainer = chart.renderTo; 文档.querySelector(chartContainer).css( '高度'， 文档.querySelector(chartContainer.parentElement).height() - document.querySelector('#testChartHeader').height() );

chart.reflow();

});

我看到了一些 JSFiddle，但我无法让 jquery 或 reflow 工作 我正在尝试用 Javascript 编写所有内容，因为它可以呈现我的图表和网格，但图表呈现不正确。