feat: display line chart in person cards based on ranking data availability

pages/person/cards/index.vue

@@ -105,8 +105,8 @@
                 </view>
             </view>
 
-            <!-- 折线图 -->
-            <view class="card_item" v-if="false">
+            <!-- 折线图：仅在有排名数据时展示 -->
+            <view class="card_item" v-if="hasRankingData">
                 <view class="chart_header">
                     <image class="chart_icon" src="../../../static/icons/line.png" alt=""></image>
                     <text class="card_title">近7天排名折线图</text>
@@ -197,6 +197,8 @@ export default {
             },
             clueList: [],
             currentTab: 0,
+            /** 近7天排名接口返回是否有数据，用于控制折线图是否展示 */
+            hasRankingData: false,
             tabList: [{
                 name: '当日',
                 value: 'today'
@@ -248,7 +250,7 @@ export default {
         },
         async getChartData() {
             const res = await uni.$u.api.getPersonRanking({ userId: this.$store.state.user.userInfo.userId });
-            if (res.code === 200) {
+            if (res.code === 200 && res.data && res.data.length > 0) {
                 let data = {
                     categories: res.data.map(item => item.x),
                     series: [
@@ -264,7 +266,10 @@ export default {
                         }
                     ]
                 }
-                this.chartData = JSON.parse(JSON.stringify(data))
+                this.chartData = JSON.parse(JSON.stringify(data));
+                this.hasRankingData = true;
+            } else {
+                this.hasRankingData = false;
             }
         },
         // 跳转私有线索页面