Browse Source

✨ feat(charts): 增强图表调试日志功能

- 在 BaseChartOriginal2D 和 ColumnChartFCExample 组件中,向图表初始化日志添加完整的 categories 和 series 数据
- 优化日志输出结构,包含画布尺寸、数据长度及具体数据内容,便于调试和问题排查

🐛 fix(statistics): 修复残疾类型统计图表配置

- 调整残疾类型统计图表的高度从 200 增加至 300,以改善数据展示效果
- 简化图表配置,移除 fontSize、dataLabel 和 xAxis/yAxis 的冗余设置,仅保留颜色配置
yourname 2 weeks ago
parent
commit
2ba27f0d0a

+ 3 - 1
mini-ui-packages/mini-charts/src/components/BaseChartOriginal2D.tsx

@@ -137,7 +137,9 @@ export const BaseChartOriginal2D: React.FC<BaseChartOriginal2DProps> = (props) =
           canvasWidth: canvas.width,
           canvasHeight: canvas.height,
           categoriesLength: categories.length,
-          seriesLength: series.length
+          seriesLength: series.length,
+          categories,
+          series,
         });
       } else {
         console.error('[BaseChartOriginal2D] 未获取到 canvas node:', canvasId);

+ 11 - 1
mini-ui-packages/mini-charts/src/components/ColumnChartFCExample.tsx

@@ -71,7 +71,17 @@ function ColumnChartFCComponent(props: ColumnChartFCExampleProps) {
           }
         } as ChartsConfig);
         uChartsInstanceRef.current[id] = chart;
-        console.log('[ColumnChartFCExample] 图表初始化完成:', id);
+        const categories = data.categories;
+        const series = data.series;
+        console.log('[ColumnChartFCExample] 图表初始化完成:', id, {
+          cWidth, cHeight,
+          canvasWidth: canvas.width,
+          canvasHeight: canvas.height,
+          categoriesLength: categories.length,
+          seriesLength: series.length,
+          categories,
+          series,
+        });
       } else {
         console.error("[ColumnChartFCExample]: 未获取到 context");
       }

+ 2 - 6
mini-ui-packages/yongren-statistics-ui/src/pages/Statistics/Statistics.tsx

@@ -307,15 +307,11 @@ const Statistics: React.FC<StatisticsProps> = () => {
                     <ColumnChartOriginal2D
                       canvasId="disability-type-chart-orig2d"
                       width={650}
-                      height={200}
+                      height={300}
                       categories={chartData.categories}
                       series={chartData.series}
                       config={{
-                        color: ['#3b82f6'],
-                        fontSize: 10,
-                        dataLabel: true,
-                        xAxis: { disableGrid: true },
-                        yAxis: {}
+                        color: ['#3b82f6']
                       }}
                     />
                   </View>