${Styles.htmlOverflowHidden()}
${Scripts.src("/zinc/chart/highcharts.js")}
${Scripts.src("/zinc/chart/exporting.js")}
${Scripts.src("/zinc/chart/data.js")}
${Scripts.src("/zinc/chart/highcharts-zh_CN.js")}
<script>
Z.onload(function()
{

   var chart = new Highcharts.Chart('container', 
    {
        chart: {
            type: 'spline'
        },
        title: {
            text: '订单分析'
        },
        xAxis: {
            categories: [
            <#for date : dateList>
                <#if date_index==(dateList.size()-1)>
                '${date}:00'
                <#else>
                '${date}:00',
                </#if>
            </#for>
            ]
        },
        yAxis: {
            title: {
                text: '单量'
            },
            labels: {
                formatter: function () {
                    return this.value + '';
                }
            }
        },
        tooltip: {
            crosshairs: true,
            shared: true
        },
        legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle'
        },
        plotOptions: {
            spline: {
                marker: {
                    radius: 4,
                    lineColor: '#eaeaea',
                    lineWidth: 1
                }
            }
        },
        series: 
        [
        {
            name: '订单数量',
            marker: {
                symbol: 'diamond'
            },
            data: [
            <#for date : dateList>
                <#if date_index==(dateList.size()-1)>
                ${orderCountMap.get(date)}
                <#else>
                ${orderCountMap.get(date)},
                </#if>
            </#for>
            ]
        }, 
        {
            name: '初稿数量',
            marker: {
                symbol: 'diamond'
            },
            data: [ 
            <#for date : dateList>
                <#if date_index==(dateList.size()-1)>
                ${draftCountMap.get(date)}
                <#else>
                ${draftCountMap.get(date)},
                </#if>
            </#for>
            ]
        },
        {
            name: '定稿数量',
            marker: {
                symbol: 'diamond'
            },
            data: [ 
            <#for date : dateList>
                <#if date_index==(dateList.size()-1)>
                ${endCountMap.get(date)}
                <#else>
                ${endCountMap.get(date)},
                </#if>
            </#for>
            ]
        },
        ]
    });
});
</script>
${zhiqim_manager_breadcrumb("订单分析")}
${zhiqim_manager_content()}
<#-- 左侧功能 -->
<#-- 查询条件 -->
${zhiqim_manager_title("查询条件")}
<form action="orderAnalysis.htm" method="post">
<table class="z-table z-bordered z-pd6 z-bg-white">
<tr class="z-h40">
    <td width="50%">       
        <select name="timeType" class="z-select z-mg-r20" data-role="z-select" data-class="${zmr_color_class}">
            <option value="3"  <#if timeType == 3>selected</#if>>近三天</option>
            <option value="7"  <#if timeType == 7>selected</#if>>近一周</option>
            <option value="30" <#if timeType == 30>selected</#if>>近一月</option>
        </select>
        <button class="z-button z-large z-w120 z-mg-r15 ${zmr_color_class}">查询</button>
    </td>
</tr>
</table>
</form>

<div id="container" class="z-bg-white" style="margin-top:20px; min-width:400px;min-height:550px"></div>
${zhiqim_manager_content_end()}