天天看点

asp.net 调用echarts显示图表控件随浏览器自适应解决方案

1、问题来源

        我们在asp.net开发中常使用到frameset的框架结构,比如上左中右方式,在中间部分是一个可以控制左侧部分显示隐藏的功能,这时右边内容区域如果有使用echarts进行图表显示时,就会出现不能随浏览器自适应,我们该如何做呢?

2、解决方法

        需要在生成图表的js方法中增加一个定时器,当浏览器窗口发生大小改变时,触发chart图表控件同时改变大小,核心代码如下:

       setTimeout(function () {

                 window.onresize = function () {

                           myChart.resize();

               }

       }, 200);

全部代码类似如下:(这里myChart是定义图表的名称,我们要使用到)

3、实际效果图

===========================================================================

如果觉得对您有帮助,微信扫一扫支持一下: