diff --git a/view/templates/index/home.html b/view/templates/index/home.html
index 1db13bb..1c3b978 100644
--- a/view/templates/index/home.html
+++ b/view/templates/index/home.html
@@ -81,14 +81,14 @@
         <div class="admin-index-top-item">
           <div class="admin-index-top-item-header">
             <ul class="admin-index-top-item-header-left">
-              <li class="active" onclick="getChartsData('sales_volume', '365');">销售额</li>
-              <li onclick="getChartsData('refund', '365');">退款订单数</li>
+              <li class="active" onclick="getChartsData3('sales_volume', '365', this);">销售额</li>
+              <li onclick="getChartsData3('refund', '365', this);">退款订单数</li>
             </ul>
             <input id="hidden_params" type="hidden" flag="sales_volume">
             <ul class="admin-index-top-item-header-right">
-              <li onclick="getChartsData2(7);">7天</li>
-              <li onclick="getChartsData2(30);">30天</li>
-              <li class="active"  onclick="getChartsData2(365);">全年</li>
+              <li onclick="getChartsData2(7, this);">7天</li>
+              <li onclick="getChartsData2(30, this);">30天</li>
+              <li class="active"  onclick="getChartsData2(365, this);">全年</li>
             </ul>
           </div>
           <div class="admin-index-top-item-header-line"></div>
@@ -221,11 +221,18 @@ function getChartsData(type, day) {
         }
     });
 }
-
-function getChartsData2(day) {
+function getChartsData2(day, obj) {
+	$('.admin-index-top-item-header-right').find('li').removeClass('active');
+	$(obj).addClass('active');
     getChartsData($('#hidden_params').attr('flag'), day);
 }
 
+function getChartsData3(type, day, obj) {
+	$('.admin-index-top-item-header-left').find('li').removeClass('active');
+	$(obj).addClass('active');
+    getChartsData(type, day);
+}
+
 function createCharts(charts_dates, charts_values, value_name) {
     var myChart = echarts.init(document.getElementById('admin-map-container'));