<%@ Page Language="C#" AutoEventWireup="true"  CodeBehind="index.aspx.cs" Inherits="AgentManager.admin.index" %>

<%--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><%= BLL.Pub.Get_AppSetting("webname") %>后台管理</title>
</head>
<frameset rows="*" cols="245,*" framespacing="2" frameborder="yes" border="2" bordercolor="#111">
  <frame src="left.aspx" name="leftFrame" scrolling="auto" noresize="noresize" id="leftFrame" title="leftFrame" />
  <frameset rows="50,*" framespacing="1" frameborder="yes" border="1" bordercolor="#FFF">
    <frame src="top.aspx" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
    <frame src="main.aspx" name="main" id="main" title="main" />
  </frameset>
</frameset>
<noframes>
<body>
</body>
</noframes></html>--%>

<script src="js/echarts.js"></script>
<script src="js/china.js"></script>
<script src="js/jquery-1.9.1.js"></script>
    <div class="content-wrapper">
<section class="content-header">
    <h1>
    图表统计
    <small></small>
    </h1>
   
</section>
        <section class="content">
           
            <div class="row">
            <section class="col-lg-5 connectedSortable ui-sortable">
                <div class="box box-primary">
                     <div id="usermain" style="width:100%;height:400px;"></div>
                 </div>
            </section>

            <section class="col-lg-7 connectedSortable ui-sortable">
                <div class="box box-primary">
                  <div id="moneyoutin" style="width:100%;height:400px;"></div>
                </div>
            </section>
<%--
            <section class="col-lg-5 connectedSortable ui-sortable">
                <div class="box box-primary">
                  <div id="mapuser" style="width:100%;height:400px;"></div>
                </div>
            </section>
    --%>
            <section class="col-lg-7 connectedSortable ui-sortable">
                <div class="box box-primary">
                  <div id="moneyoutinRepot" style="width:100%;height:400px;"></div>
                </div>
            </section>
<%--
            <section class="col-lg-7 connectedSortable ui-sortable">
                <div class="box box-primary">
                   <a href="javascript:void(0)" class="btn bg-purple btn-flat margin" onclick="loadInputT(this)">加载投注总量</a>
                  <div id="moneyInputTotal" style="width:100%;height:400px;"></div>
                </div>
            </section>--%>
            </div>
        </section>
    </div>
<script>
    var myChartUinf = echarts.init(document.getElementById('usermain'));
    var myChartMinfo = echarts.init(document.getElementById('moneyoutin'));
    //var myChartMap = echarts.init(document.getElementById('mapuser'));
    var myChartMRepot = echarts.init(document.getElementById('moneyoutinRepot'));
    //var myChartInputT = echarts.init(document.getElementById('moneyInputTotal'));
    //折线图学习
    $(function ()
    { 
        document.onreadystatechange = SetIMG;
    })

    function SetIMG()
    {
        $.post("ajax/getnewuserchart.ashx", {}, function (data) {
            optionuserinfo = eval("(" + data + ")");
            myChartUinf.setOption(optionuserinfo);
        });

        $.post("ajax/getmoneyinorout.ashx", {}, function (data) {
            optionminfo = eval("(" + data + ")");
            myChartMinfo.setOption(optionminfo);
        });

        //$.post("ajax/getuseripmap.ashx", {}, function (data) {
        //    optionMap = eval("(" + data + ")");
        //    myChartMap.setOption(optionMap);
        //});

        $.post("ajax/getmoneyReport.ashx", {}, function (data) {
            optionMRepot = eval("(" + data + ")");
            myChartMRepot.setOption(optionMRepot);
        });
    }
    function loadInputT(a) {
            $(a).text("请稍等.......");
        $.post("ajax/getInputTotal.ashx", {}, function (data) {
            $(a).hide();
            optionInputT = eval("(" + data + ")");
            myChartInputT.setOption(optionInputT);
        });
    }

</script>
