更新：更改组件字体大小

src/ui/JRZQ3C9R/components/RepayFailTrendSection.vue

@@ -6,6 +6,9 @@
         <v-chart class="chart-container" :option="chartOption" autoresize />
       </div>
     </div>
+    
+    <!-- 还款失败次数解读 -->
+    <Remark :content="repayFailRemark" title="报告解读" :default-expanded="true" />
   </div>
 </template>
 
@@ -17,7 +20,8 @@ import { CanvasRenderer } from 'echarts/renderers'
 import { BarChart } from 'echarts/charts'
 import { GridComponent, TooltipComponent } from 'echarts/components'
 import LTitle from '@/components/LTitle.vue'
-import { PERIODS, getRepayCountsByPeriod } from '../utils/dataParser'
+import Remark from '@/components/Remark.vue'
+import { PERIODS, getRepayCountsByPeriod, getRepayFailRemark } from '../utils/dataParser'
 
 use([CanvasRenderer, BarChart, GridComponent, TooltipComponent])
 
@@ -51,7 +55,7 @@ const chartOption = computed(() => {
       type: 'category',
       data: labels,
       axisLabel: {
-        fontSize: 10,
+        fontSize: 16,
         color: '#6b7280'
       },
       axisLine: {
@@ -63,7 +67,7 @@ const chartOption = computed(() => {
     yAxis: {
       type: 'value',
       axisLabel: {
-        fontSize: 11,
+        fontSize: 16,
         color: '#6b7280',
         formatter: '{value} 次'
       },
@@ -88,6 +92,9 @@ const chartOption = computed(() => {
     ]
   }
 })
+
+// 还款失败次数解读
+const repayFailRemark = computed(() => getRepayFailRemark(props.data || {}))
 </script>
 
 <style scoped>