<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ExamPlan_PersonalData.aspx.cs"
    Inherits="RM.Web.Training.DataStatistics.ExamPlan_PersonalData" %>

<%@ Register Src="~/UserControl/PageControl.ascx" TagName="PageControl" TagPrefix="uc1" %>
<%@ Register Src="~/UserControl/LoadButton.ascx" TagName="LoadButton" TagPrefix="uc2" %>
<!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 runat="server">
    <title></title>
    <link href="/Themes/Styles/Site.css" rel="stylesheet" type="text/css" />
    <link href="/Themes/Scripts/artDialog/skins/opera.css" rel="stylesheet" type="text/css" />
    <script src="/Themes/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="/Themes/Scripts/artDialog/artDialog.js" type="text/javascript"></script>
    <script src="/Themes/Scripts/artDialog/iframeTools.js" type="text/javascript"></script>
    <script src="/Themes/Scripts/FunctionJS.js" type="text/javascript"></script>
    <script src="/Themes/Scripts/highcharts/highcharts.js" type="text/javascript"></script>
    <script src="/Themes/Scripts/jQuery.path2html.js" type="text/javascript"></script>
    <style type="text/css">
        .ExamTit { }
        .ExamName { height: 25px; line-height: 25px; margin: 0 auto; text-align: center; font-size: 16px; font-style: italic; }
        .ExamContent { height: 25px; line-height: 25px; margin: 0 auto; text-align: center; }
        .ExamContent span { margin: 0 50px; }
        .ExamHis { }
    </style>
</head>
<body>
    <object id='WebBrowser' width="0" height="0" classid='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'>
    </object>
    <form id="form1" runat="server">
    <div class="btnbarcontetn">
        <div style="text-align: right">
            <input type="button" value="<%=RM.Common.DotNetConfig.LanguageHelper.GetKey("Detail_DaYin")%>"
                onclick="pintque();" />
        </div>
    </div>
    <div class="ExamTit">
        <div class="ExamContent">
            <span>StudentName:<%=StudentName%></span>
        </div>
    </div>
    <div class="ExamHis">
        <div id="container">
        </div>
    </div>
    <div class="div-body">
        <table class="grid">
            <%=TableHtml%>
        </table>
    </div>
    </form>
    <script type="text/javascript">
        $(function () {
            //把分页定位到屏幕下面
            divresize(90);
            FixedTableHeader("#table1", $(window).height() - 121);
            His();
              CaCheload();
        });
        function His() {
           $('#container').highcharts({
                credits: {
                enabled:false
                },
                chart: {
                },
                title: {
                    text: "<%=ExamPlanName %>"
                },
                yAxis: {
                    min: 0,
                title: {
                    text: 'Score'
                 },
                stackLabels: {
                        enabled: true,
                        style: {
                            fontWeight: 'bold',
                            color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
                        }
                    }
                },
                xAxis: {
                    categories: <%=ExamName %>
                },
             
            legend: {
            align: 'top',
            x: 65,
            verticalAlign: 'top',
            y: 20,
         
            backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white',
            borderColor: '#CCC',
            borderWidth: 1
      
            },
        plotOptions: {
            column: {
                stacking: 'normal',
                dataLabels: {
               
                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
                }
            }
        },
      
                series: [{
                    type: 'column',
                    name: lgExamScore,
                    data: <%=ExamScore %>
                }, {
                    type: 'line',
                    name: lgMyScore,
                    data: <%=MyScore %>,
                    marker: {
                        lineWidth: 3,
                        lineColor: Highcharts.getOptions().colors[1],
                        fillColor: 'white'
                    }
                }, {
                    type: 'line',
                    name: lgAvgScore,
                    data: <%=AvgScore %>,
                    marker: {
                    
                        lineWidth: 3,
                        lineColor: Highcharts.getOptions().colors[4],
                        fillColor: 'white'
                    }
                }, {
                    type: 'line',
                    name: lgMaxScore,
                    data: <%=MaxScore %>,
                    marker: {
                        lineWidth: 3,
                        lineColor: Highcharts.getOptions().colors[1],
                        fillColor: 'white'
                    }
                }, {
                    type: 'line',
                    name: lgMinScore,
                    data: <%=MinScore %>,
                    marker: {
                        lineWidth: 3,
                        lineColor: Highcharts.getOptions().colors[1],
                        fillColor: 'white'
                    }
                }]
                        });   

        }
       
           //打印
        function pintque() {
            var bdhtml = window.document.body.innerHTML; //获取当前页的html代码
            window.print();
            window.document.body.innerHTML = bdhtml;
         }
                    function CaCheload()
         {
          getAjax("/Training/DataStatistics/DataCaCheHtml.ashx","action=ExamPlan_Personal&Param="+QueryString("EPkey")+"&user=<%=userid %>",function(rs){});
        
          }
       var Mywindows = 'ExamPlan_PersonalData';
    </script>
</body>
</html>
