<div id="centre" class="layout">
    <div class="centreInner ">
        <div class="mainInner radius5 ">
            <div class="forms "> </div>
            <div class="statisticsReport">
                <form name ="search_form" id ="search_form" method="post" action='' >
                <div class="forms ">
                    <dl class="list">
                        <dd class="list_item clearfix">
                            <label class="label">选择时间：</label>
                            <div class="fields">
                                <div class="fgInput ">
                                <input readonly type="text" class="Wdate input_text w126" style='cursor:pointer' id="day" name='start_day' value='<?php echo $start_day;?>'  onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'%y-%M-{%d-30}',maxDate:'%y-%M-{%d-1}'})"/>
                                </div>
                                <span class="fg">一</span>
                                <div class="fgInput ">
                                <input readonly type="text" class="Wdate input_text w126" style='cursor:pointer' name='end_day' value='<?php echo $end_day;?>'  onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'%y-%M-{%d-30}',maxDate:'%y-%M-{%d-1}'})"/>
                                </div>

                                <div class="fgInput ">
                                   <label class="textFg"><input type="radio" class="input_r input_r_time" name="countType" value="Hour" checked/>按时</label>
                                </div>

                                <div class="fgInput ">
                                    <label class="textFg"><input type="radio" class="input_r input_r_time" name="countType"  value="Day"<?php if($countType == 'Day'){?> checked <?php }?> />按日</label>
                                </div>
                                <!---->
                                <p class="textFg textFg2">&nbsp;</p>
                                <div class="fgInput" > 
                                <a style="float:left;" class="downReportBtn downReportBtn2 btnCon radius5" href="####" id='search_button'>查询</a> 
                                </div>
                            </div>
                        </dd>
                    </dl>
                </div>
                    <input type='hidden' name='showType' id= 'showType' value="<?php echo $showType;?>">
                </form>
                <div class="statisticalChartBox">
                    <div class="title"> 
			点击总量：<em class="num"><?php echo $house_clickcount;?></em>
                        多图房源点击量：<em class="num"><?php echo $house_starclick;?></em>
                        出售房源点击量：<em class="num"><?php echo $sell_total_click;?></em>
                        出租房源点击量：<em class="num"><?php echo $rent_total_click;?></em>
                        <span class="time">时间：<?php echo $day_show;?></span>
                        <div class="tabBox clearfix">
                            <dl class="list">
                                <dl class="list">
                                    <dd class="item"><a class="tab <?php if($showType=='all' ){ ?> tabOn <?php } ?>" href="####" value='all'>全部</a></dd>
                                    <dd class="item"><a class="tab <?php if($showType=='sell'){?> tabOn <?php } ?>" href="####" value='sell'>出售</a></dd>
                                    <dd class="item"><a class="tab <?php if($showType=='rent'){?> tabOn <?php } ?>" href="####" value='rent'>出租</a></dd>
                                </dl>
                            </dl>
                        </div>
                    </div>
                   <div class="statisticalChart" id="container" style="min-width: 400px; height:260px ;margin: 0 auto">
                    </div>
                </div>
            </div>
            <!----> 
        </div>
    </div>
</div>
<!--提交表单JS-->
<script type="text/javascript">
$(function(){
$('#search_button').click(function (){
   $('#search_form').submit();
}),

$('.tab').click(function (){
    $('#showType').val( $(this).attr('value') );
    $('#search_form').submit();
})

$('#container').highcharts({
    chart: {
        type: 'line',
        borderWidth: 0,
        spacingTop: 30,
        marginRight: 10,
        marginBottom: 25
    },
    title: {
        text: '',
        x: -10  //center
    },
    subtitle: {
        text: '',
        x: -10
    },
    xAxis: {
		gridLineWidth: 1, //默认是0，即在图上没有纵轴间隔线
		lineWidth: 1, //自定义y轴宽度
		showFirstLabel: false,
		gridLineDashStyle: 'Dot',
		lineColor: '#808080',
        categories: <?php echo $xAxis_json;?>
    },
    yAxis: {
        title: {
            text: '点击次数'
        },
        endOnTick: false,
        maxPadding: 1,
        minPadding: 0,
		tickWidth: 1, //刻度的宽度  
		lineWidth: 1, //自定义y轴宽度  
		gridLineWidth: 1, //默认是0，即在图上没有纵轴间隔线  
		maxPadding: 0.5,
		gridLineDashStyle: 'Dot',
        plotLines: [{
           value: 0,
           width: 1,
           color: '#808080'
        }]
    },
    tooltip: {
        formatter: function() {
            return '<b>'+ this.series.name +'</b><br/>'+
                this.x +'<?php echo $unit;?>'+' :'+ this.y + '次点击';
        }
    },
    credits : {  
        enabled:false //不显示highCharts版权信息,不显示为false  
    },  
    legend: {
        enabled : false,//控制显示
        layout: 'horizontal',
        align: 'right',
        verticalAlign: 'top',
        x: -10,
        y: -10,
        shadow: true,
        borderWidth: 1
    },
    series: [{
        name	: '全部',
        color	: '#FEA010',
        data	: <?php echo $clickNum_json;?>
    }]
    });
});

</script>
