统计

src/views/study/chinese/chart-1.vue

@@ -39,19 +39,29 @@ const initChart = () => {
     },
     tooltip: {
       trigger: 'item',
+      valueFormatter: (p) => {
+        const map = new Map([
+          [1, 'A'],
+          [2, 'S'],
+          [3, 'T'],
+        ])
+        return map.get(p)
+      },
     },
     legend: {
       bottom: 0,
       left: 'center',
     },
     radar: {
+      radius: '70%',
+      splitNumber: 3,
       indicator: [
-        { name: '基础知识', max: 100 },
-        { name: '文言文', max: 100 },
-        { name: '现代文阅读', max: 100 },
-        { name: '诗歌鉴赏', max: 100 },
-        { name: '作文', max: 100 },
-        { name: '语言运用', max: 100 },
+        { name: '基础知识', max: 3 },
+        { name: '文言文', max: 3 },
+        { name: '现代文阅读', max: 3 },
+        { name: '诗歌鉴赏', max: 3 },
+        { name: '作文', max: 3 },
+        { name: '语言运用', max: 3 },
       ],
       splitArea: {
         areaStyle: {
@@ -65,7 +75,7 @@ const initChart = () => {
         type: 'radar',
         data: [
           {
-            value: [90, 75, 80, 65, 85, 95],
+            value: [1, 2, 3, 2, 1, 2],
             name: '当前水平',
             lineStyle: {
               width: 2,
@@ -79,7 +89,7 @@ const initChart = () => {
             },
           },
           {
-            value: [85, 60, 70, 50, 75, 85],
+            value: [3, 2, 1, 2, 3, 1],
             name: '班级平均',
             lineStyle: {
               width: 2,

src/views/study/chinese/chart-2.vue

@@ -54,14 +54,12 @@ const initChart = () => {
       type: 'category',
       boundaryGap: false,
       data: [
-        '第1周',
-        '第2周',
-        '第3周',
-        '第4周',
-        '第5周',
-        '第6周',
-        '第7周',
-        '第8周',
+        '2025-03-02',
+        '2025-03-12',
+        '2025-03-22',
+        '2025-04-02',
+        '2025-04-12',
+        '2025-04-22',
       ],
     },
     yAxis: {
@@ -88,21 +86,6 @@ const initChart = () => {
           color: 'rgba(67, 97, 238, 0.1)',
         },
       },
-      {
-        name: '班级平均分',
-        type: 'line',
-        data: [75, 76, 78, 77, 80, 79, 82, 81],
-        smooth: true,
-        lineStyle: {
-          width: 2,
-          color: '#FF6600',
-          type: 'dashed',
-        },
-        itemStyle: {
-          color: '#FF6600',
-          size: 6,
-        },
-      },
     ],
   }
   chart.setOption(option)

src/views/study/chinese/chart-3.vue

@@ -63,6 +63,7 @@ const initChart = () => {
     },
     series: [
       {
+        stack: 'total',
         name: '已完成',
         type: 'bar',
         data: [28, 15, 22, 10, 8, 25],
@@ -71,6 +72,7 @@ const initChart = () => {
         },
       },
       {
+        stack: 'total',
         name: '未完成',
         type: 'bar',
         data: [5, 8, 3, 5, 7, 3],

src/views/study/chinese/index.vue

@@ -71,38 +71,26 @@
             <div
               class="stat-card rounded-lg border-l-4 border-blue-500 bg-gray-50 p-3"
             >
-              <div class="text-xs text-gray-500">总练习数</div>
-              <div class="mt-1 text-2xl font-bold text-gray-800">128</div>
-              <div class="mt-1 text-xs text-green-500">
-                <i class="fas fa-arrow-up"></i> 12% 较上月
-              </div>
+              <div class="text-xs text-gray-500">当前难度等级</div>
+              <div class="mt-1 text-xl font-bold text-gray-800">S</div>
             </div>
             <div
               class="stat-card rounded-lg border-l-4 border-green-500 bg-gray-50 p-3"
             >
               <div class="text-xs text-gray-500">正确率</div>
-              <div class="mt-1 text-2xl font-bold text-gray-800">85%</div>
-              <div class="mt-1 text-xs text-green-500">
-                <i class="fas fa-arrow-up"></i> 3% 较上月
-              </div>
+              <div class="mt-1 text-xl font-bold text-gray-800">85%</div>
             </div>
             <div
               class="stat-card rounded-lg border-l-4 border-yellow-500 bg-gray-50 p-3"
             >
-              <div class="text-xs text-gray-500">知识点掌握</div>
-              <div class="mt-1 text-2xl font-bold text-gray-800">78%</div>
-              <div class="mt-1 text-xs text-red-500">
-                <i class="fas fa-arrow-down"></i> 2% 较上月
-              </div>
+              <div class="text-xs text-gray-500">待提升板块</div>
+              <div class="mt-1 text-xl font-bold text-gray-800">文言文</div>
             </div>
             <div
               class="stat-card rounded-lg border-l-4 border-purple-500 bg-gray-50 p-3"
             >
-              <div class="text-xs text-gray-500">平均成绩</div>
-              <div class="mt-1 text-2xl font-bold text-gray-800">86分</div>
-              <div class="mt-1 text-xs text-green-500">
-                <i class="fas fa-arrow-up"></i> 5分 较上月
-              </div>
+              <div class="text-xs text-gray-500">优秀板块</div>
+              <div class="mt-1 text-xl font-bold text-gray-800">作文</div>
             </div>
           </div>