diff --git a/src/common/components/chart/index.tsx b/src/common/components/chart/index.tsx
index f64f462..4e7d09f 100644
--- a/src/common/components/chart/index.tsx
+++ b/src/common/components/chart/index.tsx
@@ -64,21 +64,23 @@ const LineChart: React.FC<LineChartProps> = (props) => {
   }, []);
   const drawLineChart = () => {
     const query = Taro.createSelectorQuery();
-    query
-      .select(`#${id ?? DEFAULT_CHART_ID}`)
-      .fields({ node: true, size: true })
-      .exec((res) => {
-        const dpr = Taro.getSystemInfoSync().pixelRatio;
-        const canvas = res[0].node as CanvasInterface;
-        const { width, height } = canvas;
-        canvas.width = width * dpr;
-        canvas.height = height * dpr;
-        // 设置 canvas 组件的样式宽高
-        setSize({ x: width ?? 200, y: height ?? 200 });
-        const ctx = canvas.getContext('2d') as CanvasContext;
-        ctx.scale(dpr, dpr);
-        drawChart(ctx);
-      });
+    setTimeout(() => {
+      query
+        .select(`#${id ?? DEFAULT_CHART_ID}`)
+        .fields({ node: true, size: true })
+        .exec((res) => {
+          const dpr = Taro.getSystemInfoSync().pixelRatio;
+          const canvas = res[0].node as CanvasInterface;
+          const { width, height } = canvas;
+          canvas.width = width * dpr;
+          canvas.height = height * dpr;
+          // 设置 canvas 组件的样式宽高
+          setSize({ x: width ?? 200, y: height ?? 200 });
+          const ctx = canvas.getContext('2d') as CanvasContext;
+          ctx.scale(dpr, dpr);
+          drawChart(ctx);
+        });
+    }, 200);
   };
 
   const drawChart = (ctx: CanvasContext) => {
@@ -178,14 +180,15 @@ const LineChart: React.FC<LineChartProps> = (props) => {
   return (
     <Canvas
       id={id ?? DEFAULT_CHART_ID}
-      width={(size?.x ?? DEFAULT_WIDTH + 'px') as string}
-      height={(size?.y ?? DEFAULT_HEIGHT + 'px') as string}
+      // width={(size?.x ?? DEFAULT_WIDTH + 'px') as string}
+      // height={(size?.y ?? DEFAULT_HEIGHT + 'px') as string}
       className={className}
       style={{
         ...style,
         ...{
           width: `${propWidth ?? DEFAULT_WIDTH}px`,
           height: `${propHeight ?? DEFAULT_HEIGHT}px`,
+          flex: 1,
         },
       }}
       type="2d"
diff --git a/src/pages/classInfo/index.tsx b/src/pages/classInfo/index.tsx
index a5c39a1..d1021bd 100644
--- a/src/pages/classInfo/index.tsx
+++ b/src/pages/classInfo/index.tsx
@@ -164,7 +164,7 @@ export default function Index() {
           <Label3 key={keyindex} content={feature} />
         ))}
       </View>
-      <View className="h-1/3 pt-1.5">
+      <View className="mx-auto flex w-[90%] pt-1.5">
         <LineChart
           className="mx-auto text-center"
           data={yData}