javascript - Jarviswidget 全屏未使用 Highchart 正确呈现

Question

我使用jarvis widget作为小部件来渲染Highcharts里面jarvis-widget body.我使用折线图在 jarvis 小部件内渲染矩阵。图表在全屏模式下的 jarvis 小部件内正确渲染。

这是非全屏模式

问题:当我单击全屏 jarviswidget 时，其大小已正确调整，但在这种情况下，Highchart 未相应调整大小。

这是全屏模式。你可以看到图表没有相应地调整大小

更多:但它适用于 flot图表。希望有解决方案，提前致谢。

Answer 1

您可以通过在 jarviswidget 中的 unFullScreen 回调函数中调整图表大小来解决此问题

$('#widget-grid').jarvisWidgets({
        toggleClass: 'fa fa-minus | fa fa-plus',
        deleteClass: 'fa fa-times',
        editClass: 'fa fa-cog | fa fa-save',
        fullscreenClass: 'fa fa-expand | fa fa-compress',
        refreshButtonClass: 'fa fa-refresh',
        grid: 'article',
        onFullscreen: function () {
            $("#chartid").highcharts().reflow();
        }
    });