<\/span><\/h2>\n\n\n\n\n $res = db_select('online_action_log','1=1 group by url order by nums desc','url,count(url) as nums','','10'); \n $res = array_reverse($res);\n\n $tmp = array();\n foreach($res as $key => $val ){\n $tmp['x'][] = $val['nums']; \n $tmp['y'][] = $val['url']; \n }\n $yday_url_top10['xAxis'] = json_encode(array_values($tmp['x']));\n $yday_url_top10['yAxis'] = json_encode(array_values($tmp['y'])); <\/code><\/pre>\n\n\n\n<\/span>HTML\u4ee3\u7801<\/span><\/h2>\n\n\n\n<div id=\"yday_url_top10\"><\/div><\/code><\/pre>\n\n\n\n<\/span>JAVASCRIPT\u4ee3\u7801<\/span><\/h2>\n\n\n\n<script type=\"text\/javascript\">\n\/* URL TOP 10 \u5f00\u59cb*\/ \nyday_url_top10_option = {\n title : {\n text: '\u6628\u65e5URL\u8bbf\u95ee\u524d\u5341',\n\/\/ subtext: '\u6570\u636e\u6765\u81ea\u7f51\u7edc'\n },\n tooltip : {\n trigger: 'axis'\n },\n legend: {\n data:['\u6628\u65e5URL\u8bbf\u95ee\u524d\u5341', '']\n },\n toolbox: {\n show : true,\n feature : {\n mark : {show: true},\n dataView : {show: true, readOnly: false},\n magicType: {show: true, type: ['line', 'bar']},\n restore : {show: true},\n saveAsImage : {show: true}\n }\n },\n calculable : true,\n xAxis : [\n {\n type : 'value',\n boundaryGap : [0, 0.01]\n }\n ],\n yAxis : [\n {\n type : 'category',\n data : <?php echo $yday_url_top10['yAxis']?>,\n axisLabel:{ interval:0,\/\/0\uff1a\u5168\u90e8\u663e\u793a\uff0c1\uff1a\u95f4\u9694\u4e3a1\u663e\u793a\u5bf9\u5e94\u7c7b\u76ee\uff0c2\uff1a\u4f9d\u6b21\u7c7b\u63a8\uff0c\uff08\u7b80\u5355\u8bd5\u4e00\u4e0b\u5c31\u660e\u767d\u4e86\uff0c\u8fd9\u6837\u8bf4\u662f\u4e0d\u662f\u6709\u70b9\u62bd\u8c61\uff09 \n rotate:0,\/\/\u503e\u659c\u663e\u793a\uff0c-\uff1a\u987a\u65f6\u9488\u65cb\u8f6c\uff0c+\u6216\u4e0d\u5199\uff1a\u9006\u65f6\u9488\u65cb\u8f6c \n }\n }\n\n ],\n grid: [{\n left: '30%',\/\/\u56e0\u65cb\u8f6c\u5bfc\u81f4\u540d\u5b57\u592a\u957f\u7684\u7c7b\u76ee\u9020\u6210\u906e\u853d\uff0c\u53ef\u4ee5\u914d\u5408\u8fd9\u4e24\u4e2a\u5c5e\u6027\n bottom:'10%'\/\/ \u5206\u522b\u8868\u793a\uff1a\u8ddd\u79bb\u5de6\u8fb9\u8ddd\u548c\u5e95\u90e8\u7684\u8ddd\u79bb\uff0c\u5177\u4f53\u6570\u503c\u6309\u5b9e\u9645\u60c5\u51b5\u8c03\u6574\n }],\n series : [\n {\n name:'\u8bbf\u95ee\u6b21\u6570',\n type:'bar',\n itemStyle : { \n normal : { \n color:'#ff69b4', \/\/\u5708\u5708\u7684\u989c\u8272\n lineStyle:{ \n color:'#ff69b4' \/\/\u7ebf\u7684\u989c\u8272\n } \n } \n }, \n data:<?php echo $yday_url_top10['xAxis']?>\n },\n ]\n\n};\nvar yday_url_top10_Chart = echarts.init(document.getElementById('yday_url_top10'));\n\/\/ \u4f7f\u7528\u521a\u6307\u5b9a\u7684\u914d\u7f6e\u9879\u548c\u6570\u636e\u663e\u793a\u56fe\u8868\u3002\nyday_url_top10_Chart.setOption(yday_url_top10_option);\n\/* URL TOP 10 IP \u7ed3\u675f*\/ \n<\/script><\/code><\/pre>\n\n\n\n\u6574\u7406\u4ee3\u7801\u6267\u884c\u540e\uff0c\u6570\u636eHTML\u7ed3\u679c\u5982\u4e0b\uff1a<\/p>\n\n\n\n