提交代码

src/pages/index/chart/DemoLine.tsx

@@ -0,0 +1,38 @@
+import { useRef, useEffect } from 'react'
+import { View } from '@tarojs/components'
+import { EChart } from "echarts-taro3-react";
+import './index.scss'
+
+export default function Index() {
+  const refBarChart = useRef<any>()
+  const defautOption = {
+    xAxis: {
+      type: "category",
+      data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+    },
+    yAxis: {
+      type: "value",
+    },
+    series: [
+      {
+        data: [120, 200, 150, 80, 70, 110, 130],
+        type: "line",
+        showBackground: true,
+        backgroundStyle: {
+          color: "rgba(220, 220, 220, 0.8)",
+        },
+      },
+    ],
+  };
+  useEffect(() => {
+    if(refBarChart.current) {
+      refBarChart.current?.refresh(defautOption);
+    }
+  })
+
+  return (
+      <View className='index'>
+        <EChart ref={refBarChart} canvasId='line-canvas' />
+      </View>
+  )
+}

src/pages/index/chart/index.scss

@@ -0,0 +1,7 @@
+.index {
+  width: 100vw;
+  height: 100vh;
+  background-color: #F3F3F3;
+  background-repeat: no-repeat;
+  background-size: 100%;
+}