Wed Sep 6 16:21:00 CST 2023 inscode

package.json

@@ -7,7 +7,7 @@
     "preview": "vite preview --port 4173"
   },
   "dependencies": {
-    "guess": "^1.0.2",
+    "echarts": "^5.4.3",
     "vue": "^3.2.37"
   },
   "devDependencies": {

src/App.vue

@@ -8,6 +8,7 @@ import LineChart from './components/LineChart.vue'
     <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
     <div class="wrapper">
       <HelloChart/>
+      <LineChart/> -
     </div>
   </header>
 </template>

src/components/HelloChart.vue

-<script setup>
-defineProps({
-  msg: {
-    type: String,
-  }
-})
-</script>
-
 <template>
   <div class="greetings">
     <h1 class="green">{{ msg }}</h1>
@@ -17,7 +9,13 @@ defineProps({
     </h3>
   </div>
 </template>
-
+<script setup>
+defineProps({
+  msg: {
+    type: String,
+  }
+})
+</script>
 <style scoped>
 h1 {
   font-weight: 500;

src/components/LineChart.vue

+<template>
+  <div class="line-chart" id="line-chart">
+    
+  </div>
+</template>
+<script setup>
+defineProps({
+  
+})
+</script>
+<style scoped>
+
+</style>