<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>管理後臺</title>
<meta name="keywords" content="管理後臺" />
<meta name="description" content="管理後臺" />
<script src="/jquery/jquery-1.8.2.min.js"></script>
<!-- 圖表-圓餅圖效果 -->
<script src="/jquery/flot/jquery.flot.js"></script>
<script src="/jquery/flot/jquery.flot.categories.js"></script>
<script src="../../templates/js/Highcharts/highcharts.js"></script>
<script src="../../templates/js/Highcharts/exporting.js"></script>
<script src="../../templates/js/Highcharts/Dark.js"></script>
</head>
<body>
	<div class="wrapper">
    	<?# header ?>
    	<div class="wrap">
        	<?# sidePage ?>
            <div class="contentMain">
            	<h3>瀏覽人數分析</h3>
				<script type="text/javascript">
                    $(function () {
                        $('#container').highcharts({
                            chart: {
                                type: 'column'
                            },
                            title: {
                                text: '<?# date2 ?>瀏覽人數：<strong><?# num2 ?></strong>'
                            },
                            xAxis: {
                                type: 'category',
                                labels: {
                                    style: {
                                        fontSize: '13px',
                                        fontFamily: 'Verdana, sans-serif'
                                    }
                                }
                            },
                            tooltip: {
                                pointFormat: '<?# date ?> <b>{point.y}人</b>'
                            },
                            series: [{
                                name: '瀏覽人數',
                                data: [
								<php:repeater id="listY">
									<template>
										['<?# date ?>',<?# num ?>]<?# last ?>
									</template>
								</php:repeater>
                                ],
                            }]
                        });
                    });
                </script>
                <div id="container" style="min-width: 300px; height: 400px; margin: 20px auto"></div>
				<script type="text/javascript">
                    $(function () {
                        $('#container2').highcharts({
                            chart: {
                                type: 'column'
                            },
                            title: {
                                text: '<?# date3 ?>瀏覽人數：<strong><?# num3 ?></strong>'
                            },
                            xAxis: {
                                type: 'category',
                                labels: {
                                    style: {
                                        fontSize: '13px',
                                        fontFamily: 'Verdana, sans-serif'
                                    }
                                }
                            },
                            tooltip: {
                                pointFormat: '<?# date ?> <b>{point.y}人</b>'
                            },
                            series: [{
                                name: '瀏覽人數',
                                data: [
								<php:repeater id="listM">
									<template>
										['<?# date ?>',<?# num ?>]<?# last ?>
									</template>
								</php:repeater>
                                ],
                            }]
                        });
                    });
                </script>
                <div id="container2" style="min-width: 300px; height: 400px; margin: 20px auto"></div>
				<script type="text/javascript">
                    $(function () {
                        $('#container3').highcharts({
                            chart: {
                                type: 'column'
                            },
                            title: {
                                text: '<?# date4 ?>瀏覽人數：<strong><?# num4 ?></strong>'
                            },
                            xAxis: {
                                type: 'category',
                                labels: {
                                    style: {
                                        fontSize: '13px',
                                        fontFamily: 'Verdana, sans-serif'
                                    }
                                }
                            },
                            tooltip: {
                                pointFormat: '<?# date ?> <b>{point.y}人</b>'
                            },
                            series: [{
                                name: '瀏覽人數',
                                data: [
								<php:repeater id="listD">
									<template>
										['<?# date ?>',<?# num ?>]<?# last ?>
									</template>
								</php:repeater>
                                ],
                            }]
                        });
                    });
                </script>
                <div id="container3" style="min-width: 300px; height: 400px; margin: 20px auto"></div>
            </div>
        </div>
        <?# footer ?>
    </div>
</body>
</html>