site/application/admin/view/index/server.html

<!--加载公共头部文件-->
    {include file='Base/top'}

<!--加载公共左侧文件-->
    {include file='Base/left'}
<!--加载公共底部文件-->
    {include file='Base/fotter'}

<!-- 内容主体区域 -->
<div class="layui-body">  

	 <!--面包屑导航-->
        <blockquote class="layui-elem-quote">
            <span class="layui-breadcrumb" style="visibility: visible;">
                <a >控制台</a>
                <span lay-separator="">/</span>
                <a href="{:url('index/server')}">
                  <cite>主页信息</cite>
                </a>
              </span>
        </blockquote>
        <!--面包屑导航 结束-->

    <div class="mainfrm">
		    <div class="layui-row  layui-col-space10" style="margin:0 5px;">


		        	<div class="layui-col-xs6">
			            <div class="layui-card-header">管理员登录</div>
	            		<div class="layui-card-body" id="main" style="height: 450px;"></div>
		        	</div>


	           		<div class="layui-col-xs6">
	           			<!-- <table class="layui-table">
			                <colgroup>
			                    <col width="160" height="1000">
			                    <col>
			                </colgroup>
			                <thead>
			                	系统信息
			                </thead>
			                <tbody>
			                {volist name="info" id="v" key="k"}
			                <tr>
			                    <td class="text">{$key}：</td>
			                    <td class="input">{$v}</td>
			                </tr>
			                {/volist}
			                </tbody>
			            </table> -->
			            <div class="layui-card">
					        <div class="layui-card-header">系统信息</div>
					        <div class="layui-card-body layui-text" >
					          <table class="layui-table">
					            <colgroup>
					              <col width="110">
					              <col>
					            </colgroup>
					            <tbody>
					            {volist name="info" id="v" key="k"}
					              <tr>
					                	<td class="text" width="16%">{$key}：</td>
			                    		<td class="input">{$v}</td>
					              </tr>
					            {/volist}
					            </tbody>
					          </table>
					        </div>
					    </div>
			       </div>
		      

		        

		    </div>

	</div>
	
</div>
 
<script type="text/javascript">
var a = "{$web.date_string}";
var date = a.split(",");

var b = "{$web.login_sum}";
var login_sum = b.split(",");


var myChart = echarts.init(document.getElementById('main'));

option = {
    tooltip: {
        trigger: 'axis',
        position: function (pt) {
            return [pt[0], '10%'];
        }
    },
    grid: {
        top: 50,
        bottom: 70,
        left:40,
        right:50
    },
    toolbox: {
        feature: {
            dataZoom: {
                yAxisIndex: 'none'
            },
            restore: {},
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: date
    },
    yAxis: {
        type: 'value',
        boundaryGap: [0, '100%']
    },
    dataZoom: [{
        type: 'inside',
        start: 0,
        end: 100
    }, {
        start: 0,
        end: 100,
        handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
        handleSize: '100%',
        handleStyle: {
            color: '#fff',
            shadowBlur: 3,
            shadowColor: '#009688',
            shadowOffsetX: 2,
            shadowOffsetY: 2
        }
    }],
    series: [
        {
            name:'用户登录次数',
            type:'line',
            smooth:true,
            symbol: 'none',
            sampling: 'average',
            itemStyle: {
                normal: {
                    color: '#009688'
                }
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: '#009688'
                    }, {
                        offset: 1,
                        color: '#009688'
                    }])
                }
            },
            data: login_sum
        }
    ]
};
myChart.setOption(option);
</script>