diff --git a/frontend/src/components/StockNoticeList.vue b/frontend/src/components/StockNoticeList.vue
index f99fc31..8eabb74 100644
--- a/frontend/src/components/StockNoticeList.vue
+++ b/frontend/src/components/StockNoticeList.vue
@@ -4,6 +4,8 @@ import {GetStockList, StockNotice} from "../../wailsjs/go/main/App";
 import {BrowserOpenURL} from "../../wailsjs/runtime";
 import {RefreshCircleSharp} from "@vicons/ionicons5";
 import _ from "lodash";
+import KLineChart from "./KLineChart.vue";
+import MoneyTrend from "./moneyTrend.vue";
 
 
 const list  = ref([])
@@ -66,7 +68,19 @@ function getTypeColor(name){
   return "info"
 
 }
-
+function getmMarketCode(market,code) {
+  if(market==="0"){
+    return "sz"+code
+  }else if(market==="1"){
+    return "sh"+code
+  }else if(market==="2"){
+    return "bj"+code
+  }else if(market==="3"){
+    return "hk"+code
+  }else{
+    return code
+  }
+}
 </script>
 
 <template>
@@ -87,10 +101,20 @@ function getTypeColor(name){
     <n-tbody>
       <n-tr v-for="item in list" :key="item.art_code">
         <n-td>
-          <n-tag type="info">{{item.codes[0].stock_code }}</n-tag>
+          <n-popover trigger="hover" placement="right">
+            <template #trigger>
+              <n-tag type="info"  :bordered="false">{{item.codes[0].stock_code }}</n-tag>
+            </template>
+            <money-trend style="width: 800px" :code="getmMarketCode(item.codes[0].market_code,item.codes[0].stock_code)" :name="item.codes[0].short_name"  :days="360" :dark-theme="true" :chart-height="500"></money-trend>
+          </n-popover>
         </n-td>
         <n-td>
-          <n-tag type="info">{{item.codes[0].short_name }}</n-tag>
+          <n-popover trigger="hover" placement="right">
+            <template #trigger>
+              <n-tag type="info"  :bordered="false">{{item.codes[0].short_name }}</n-tag>
+            </template>
+            <k-line-chart style="width: 800px" :code="getmMarketCode(item.codes[0].market_code,item.codes[0].stock_code)" :chart-height="500" :name="item.codes[0].short_name" :k-days="20" :dark-theme="true"></k-line-chart>
+          </n-popover>
         </n-td>
         <n-td>
           <n-a type="info"  @click="openWin(item.art_code)"><n-text  :type="getTypeColor(item.columns[0].column_name)"> {{item.title}}</n-text></n-a>
diff --git a/frontend/src/components/moneyTrend.vue b/frontend/src/components/moneyTrend.vue
index fa782b0..f02246c 100644
--- a/frontend/src/components/moneyTrend.vue
+++ b/frontend/src/components/moneyTrend.vue
@@ -72,6 +72,13 @@ const handleLine = (code, days) => {
     const upColor = '#ec0000';
     const downColor = '#00da3c';
     let option = {
+      title: {
+        text: name,
+        left: '20px',
+        textStyle: {
+          color: darkTheme?'#ccc':'#456'
+        }
+      },
       tooltip: {
         trigger: 'axis',
         axisPointer: {