Jarviswidget全屏幕不能正确呈现与Highchart

问题描述：

我使用jarvis小部件作为一个小部件在jarvis-widget body内渲染Highcharts。我使用折线图来呈现jarvis widget内部的小部件widget.charts在全屏模式下正常呈现在jarvis小部件中。Jarviswidget全屏幕不能正确呈现与Highchart

这是一出全屏模式

问题：当我点击全屏jarviswidget被适当调整，但在这种情况下，Highchart并没有相应调整。

这是全屏模式。你可以看到图表不调整accodingly

更多：但是它适用于flot图表。希望有一个解决方案，在此先感谢。

我认为你可以使用chart.reflow（）当你调整你的窗口，它应该帮助你解决问题：http://api.highcharts.com/highcharts#Chart.reflow –

感谢它是作品。 –

答

您可以通过内部调整图表解决这个问题onFullScreen回调函数jarviswidget

$('#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(); 
     } 
    });

Jarviswidget全屏幕不能正确呈现与Highchart

相关推荐