yii2布局全屏

方法一：
导航栏下面的页面在宽屏上不留白的办法
修改views/layouts/main.php
将class=”container” 改成class=”container-fluid”
方法二：

<?php

/* @var $this yii\web\View */

$this->title = '企业画像123';
?>
<style>


.mydivstyle{ border-style:solid; border-width:1px; border-color:#000;width: 1s50px;height:100px;
  background:#000066;

}
h2{
color:#ffffcc;
}
//图片与div同缩放
#testfullscreen{
    background-image: url(img/bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


</style>

<script>
function showFull(){
               var full=document.getElementById("testfullscreen");
               launchIntoFullscreen(full);
            }

function delFull() {
                exitFullscreen();
            }
//全屏方法封装：
            function launchIntoFullscreen(element) {
                if(element.requestFullscreen){
                    element.requestFullscreen();
                }
                else if(element.mozRequestFullScreen) {
                    element.mozRequestFullScreen();
                }
                else if(element.webkitRequestFullscreen) {
                    element.webkitRequestFullscreen();
                }
                else if(element.msRequestFullscreen) {
                    element.msRequestFullscreen();
                }
            }
            //退出全屏
            function exitFullscreen() {
                if(document.exitFullscreen) {
                    document.exitFullscreen();
                } else if(document.mozCancelFullScreen) {
                    document.mozCancelFullScreen();
                } else if(document.webkitExitFullscreen) {
                    document.webkitExitFullscreen();
                }
            }
</script>

<div class="site-index">



    <div class="body-content" id="testfullscreen">
    <button  onclick="showFull();">
                全屏
            </button>
<button  onclick="delFull();">
                退出全屏
            </button>
<div class="row clearfix">
        <div class="col-md-4 column">

                            <div class="row-lg-4">
                                <h2>0</h2>
                                <h2>企业高管信息</h2>

                               <div id="main" class="mydivstyle"></div> 
                                <p><a class="btn btn-default" href="http://localhost/index.php?r=site%2Fabout">更多»</a></p>
                            </div>
                            <div class="row-lg-4">
                                <h2>0</h2>
                                <h2>企业综合信息</h2>

                                <div id="m2" class="mydivstyle"></div>
                               <p><a class="btn btn-default" href="http://localhost/index.php?r=site%2Fabout">更多»</a></p>
                            </div>
                            <div class="row-lg-4">
                                <h2>0</h2>
                                <h2>企业图谱</h2>

                                <div id="m3" class="mydivstyle"></div>
                                <p><a class="btn btn-default" href="http://localhost/index.php?r=site%2Fabout">更多»</a></p>
                            </div>
                        </div>
        </div>
        <div class="col-md-4 column">
        </div>
        <div class="col-md-4 column">
        </div>
</div>









    </div>
</div>

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>

<script language="javascript">
$('#aa').load("data.txt");
</script>


       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/world.js"></script>
       <script type="text/javascript" src="https://api.map.baidu.com/getscript?v=2.0&ak=BAfb9bb97f7b712e5426859ac957c98f"></script>
       <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>


<!--script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script-->

<script type="text/javascript">
var dom = document.getElementById("main");
var myChart = echarts.init(dom);
var app = {};
option = null;
myChart.showLoading();
$.get('http://localhost/data.txt', function (data) {

    myChart.hideLoading();

    echarts.util.each(data.children, function (datum, index) {
        index % 2 === 0 && (datum.collapsed = true);
    });

  /* myChart.setOption(option = {
        tooltip: {
          //  trigger: 'item',
           // triggerOn: 'mousemove'
        },
        series: [
            {
                type: 'tree',

                data: [data1],

               s top: '1%',
                left: '7%',
                bottom: '1%',
                right: '20%',

               symbolSize: 7,

                label: {
                    position: 'left',
                    verticalAlign: 'middle',
                    align: 'right',
                    fontSize: 9
                },

                leaves: {
                    label: {
                        position: 'right',
                        verticalAlign: 'middle',
                        align: 'left'
                    }
                },

                expandAndCollapse: true,
               // animationDuration: 550,
                //animationDurationUpdate: 750
            }
        ]
    });*/
      myChart.setOption({
         tooltip: {
            trigger: 'item',
            triggerOn: 'mousemove'
        },
    series : 
    [
        {
           "name": "国资委",
           "type": "tree", 
           top: '1%',
                left: '7%',
                bottom: '1%',
                right: '30%',
                 symbolSize: 10,
                 label: {
                    position: 'left',
                    verticalAlign: 'middle',
                    align: 'right',
                    fontSize: 10
                },leaves: {
                    label: {
                        position: 'right',
                        verticalAlign: 'middle',
                        align: 'left'
                    }
                },
           'data':[
                {
                  "id": "000000000",
                  "parentId": null,
                  "name": "国资委",
                  "dataId": null,
                  "companyCount": 782,
                  "children": [{
                      "id": "73746554X9",
                      "parentId": "000000000",
                      "name": "上海同盛投资（集团）有限公司(集团汇总表)",
                      "dataId": "09a30b23-6ff2-4f9b-8d32-f4ac3f8529db",
                      "companyCount": 9,
                      "children": [{
                          "id": "7672369670",
                          "parentId": "73746554X9",
                          "name": "上海同盛置业有限公司(单户表)",
                          "dataId": "03621932-9a7d-4001-aabe-1443541daecd",
                          "companyCount": 0,
                          "children": [
                            {
            "id": "7377674250",
            "parentId": "73746554X9",
            "name": "洋山同盛港口建设有限公司(单户表)",
            "dataId": "459c3698-0bc0-4869-8b9f-df45a1efa9c2",
            "companyCount": 0,
            "children": [{
            "id": "7377674250",
            "parentId": "73746554X9",
            "name": "洋山同盛港口建设有限公司(单户表)",
            "dataId": "459c3698-0bc0-4869-8b9f-df45a1efa9c2",
            "companyCount": 0,
            "children": [{
            "id": "7377674250",
            "parentId": "73746554X9",
            "name": "洋山同盛港口建设有限公司(单户表)",
            "dataId": "459c3698-0bc0-4869-8b9f-df45a1efa9c2",
            "companyCount": 0,
            "children": [{
            "id": "7377674250",
            "parentId": "73746554X9",
            "name": "洋山同盛港口建设有限公司(单户表)",
            "dataId": "459c3698-0bc0-4869-8b9f-df45a1efa9c2",
            "companyCount": 0,
            "children": []
        }]
        }]
        }]
        }

                          ]
                      }, {
            "id": "7844456480",
            "parentId": "73746554X9",
            "name": "洋山同盛联合投资发展有限公司(单户表)",
            "dataId": "3f127dff-efc2-4aa1-93f7-2fbc1c85c388",
            "companyCount": 0,
            "children": []
        }, {
            "id": "7377674250",
            "parentId": "73746554X9",
            "name": "洋山同盛港口建设有限公司(单户表)",
            "dataId": "459c3698-0bc0-4869-8b9f-df45a1efa9c2",
            "companyCount": 0,
            "children": []
        }, {
            "id": "73746554X0",
            "parentId": "73746554X9",
            "name": "上海同盛投资（集团）有限公司(单户表)",
            "dataId": "46e1c2b8-034a-461f-a719-777b2997b955",
            "companyCount": 0,
            "children": []
        }, {
            "id": "73746554X1",
            "parentId": "73746554X9",
            "name": "上海同盛投资（集团）有限公司(集团差额表)",
            "dataId": "5766e8f8-1cac-4143-8de9-f5653ceeddbb",
            "companyCount": 0,
            "children": []
        }, {
            "id": "7605970730",
            "parentId": "73746554X9",
            "name": "上海同盛电力有限公司(单户表)",
            "dataId": "5ef32ea1-785c-4b9f-830b-3f8152d5f715",
            "companyCount": 0,
            "children": []
        }, {
            "id": "7595844510",
            "parentId": "73746554X9",
            "name": "上海同盛投资集团资产管理有限公司(单户表)",
            "dataId": "64073d4d-ed15-4ab9-9620-9030b8fd11b1",
            "companyCount": 0,
            "children": []
        }, {
            "id": "7655620720",
            "parentId": "73746554X9",
            "name": "上海同盛水务有限公司(单户表)",
            "dataId": "6f3b9252-5656-4ff7-8f96-39879caee530",
            "companyCount": 0,
            "children": []
        }, {
            "id": "1345456470",
            "parentId": "73746554X9",
            "name": "上海同盛投资集团房地产有限公司(单户表)",
            "dataId": "8b5e06f8-4dbc-41f4-8896-e1874b509853",
            "companyCount": 0,
            "children": []
        }]
                    }]
                  }
           ]
        }
    ]
});



});
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
       </script>