Put_MES/.svn/pristine/6b/6bd194895a530c85e4975a4c35456a36f90d659d.svn-base

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/AppMaster.Master"
    Inherits="System.Web.Mvc.ViewPage<QMAPP.FJC.Web.Models.StatisticalAnalysis.FirstPassYieldModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    直通率分析
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <style type="text/css">
        .tdset
        {
            border-top: 1px solid black;
            border-left: 1px solid black;
            width: 100px;
            text-align: center;
        }
        .tdright
        {
            border-right: 1px solid black;
        }
        
        .tdbottom
        {
            border-bottom: 1px solid black;
        }
    </style>
    <%=Html.QPSeach(80,true) %>
    <table id="condiTable">
        <tr>
            <th align="right">
                <%=Html.QV(p => p.PROCESSTYPE)%>
            </th>
            <td>
                <%=Html.QC(p => p.PROCESSTYPE)%>
            </td>
            <th align="right">
                <%=Html.QV(p => p.CreateDateStart)%>
            </th>
            <td>
                <%=Html.QC(p => p.CreateDateStart)%>
            </td>
            <th align="right">
                <%=Html.QV(p => p.CreateDateEnd)%>
            </th>
            <td>
                <%=Html.QC(p => p.CreateDateEnd)%>
            </td>
        </tr>
    </table>
    <div style="left: 1px; position: relative;">
    </div>
    <%=Html.QPEnd()%>
    <%=Html.QPList() %>
    <table cellpadding="0" cellspacing="0" align="center" style="margin-left: 5px; margin-top: 5px;">
        <tr style="height: 10px">
        </tr>
        <tr>
            <td align="center">
           <div id="chartdiv" style="width: 800px; height: 400px;"></div>
            </td>
        </tr>
    </table>
    <%=Html.QPEnd() %>
     <%=Html.Hidden("Arr", Model.arr)%>
      <%=Html.Hidden("Result", Model.results)%>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ToolContent" runat="server">
    <table id="EditTable" cellpadding="0" cellspacing="0">
        <tr>
            <td align="center">
                <%=Html.QTButtonSearch("FirstPassYield", "List", "Search()", (s, f) => { return true; })%>
                <%=Html.QTButton("export", "ExportExcel", QMFrameWork.WebUI.IconCls.redo, "Export()", (s, f) => { return true; })%>
            </td>
        </tr>
    </table>
    <script type="text/javascript">
        var chart;
        $(function () {
            var chartData = eval($("#Arr").val());
            var result = eval($("#Result").val());
            if (chartData != undefined && chartData.length > 0) {
                var average = result;
                AmCharts.ready(function () {

                    // SERIAL CHART
                    chart = new AmCharts.AmSerialChart();
                    chart.pathToImages = "../amcharts/images/";
                    chart.dataProvider = chartData;
                    chart.categoryField = "PROCESSTYPETEXT";
                    //chart.dataDateFormat = "YYYY-MM-DD";

                    // AXES
                    // category
                    var categoryAxis = chart.categoryAxis;
                    //categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true
                    //categoryAxis.minPeriod = "DD"; // our data is daily, so we set minPeriod to DD
                    categoryAxis.dashLength = 1;
                    categoryAxis.gridAlpha = 0.15;
                    categoryAxis.axisColor = "#DADADA";

                    // value
                    var valueAxis = new AmCharts.ValueAxis();
                    valueAxis.axisColor = "#DADADA";
                    valueAxis.dashLength = 1;
                    valueAxis.logarithmic = true; // this line makes axis logarithmic
                    chart.addValueAxis(valueAxis);

                    // GUIDE for average
                    var guide = new AmCharts.Guide();
                    guide.value = average;
                    guide.lineColor = "#CC0000";
                    guide.dashLength = 4;
                    guide.label = "直通率";
                    guide.inside = true;
                    guide.lineAlpha = 1;
                    valueAxis.addGuide(guide);


                    // GRAPH
                    var graph = new AmCharts.AmGraph();
                    //graph.type = "smoothedLine";
                    graph.bullet = "round";
                    graph.bulletColor = "#FFFFFF";
                    graph.useLineColorForBulletBorder = true;
                    graph.bulletBorderAlpha = 1;
                    graph.bulletBorderThickness = 2;
                    graph.bulletSize = 7;
                    graph.title = "";
                    graph.valueField = "RATE";
                    graph.lineThickness = 2;
                    graph.lineColor = "#00BBCC";
                    chart.addGraph(graph);

                    // CURSOR
                    var chartCursor = new AmCharts.ChartCursor();
                    chartCursor.cursorPosition = "mouse";
                    chart.addChartCursor(chartCursor);

                    // SCROLLBAR
                    var chartScrollbar = new AmCharts.ChartScrollbar();
                    chartScrollbar.graph = graph;
                    chartScrollbar.scrollbarHeight = 30;
                    chart.addChartScrollbar(chartScrollbar);

                    chart.creditsPosition = "bottom-right";

                    // WRITE
                    chart.write("chartdiv");
                });
    }
});
        



        //查询
        function Search() { 
            submitByButton("List");
        }
        //导出
        function Export() { 
            submitByButton("ExportExcel");
        }
        
    </script>
</asp:Content>