diff --git a/package.json b/package.json
index aa1c7deb0adb6e6aea5a1380426189ac24eee7a7..4bcd88bb85d9b8bbcde7154095bd4cba15262b75 100644
--- a/package.json
+++ b/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": {
diff --git a/src/App.vue b/src/App.vue
index 2ecbc535880fdc2e5b7c7331da68119f29ac13b2..bb42d34a15e5008ad662994a627f44051ff629ac 100644
--- a/src/App.vue
+++ b/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>
diff --git a/src/components/HelloChart.vue b/src/components/HelloChart.vue
index 60a06a9115806ec99c29f4d29008771300915e22..e73e8615d0305d73d1d8ab2358b5ae5d9a8980d8 100644
--- a/src/components/HelloChart.vue
+++ b/src/components/HelloChart.vue
@@ -1,11 +1,3 @@
-<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;
diff --git a/src/components/LineChart.vue b/src/components/LineChart.vue
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..fe2ec5808a1150be51d78fa57e97862ab3d1d4c6 100644
--- a/src/components/LineChart.vue
+++ b/src/components/LineChart.vue
@@ -0,0 +1,13 @@
+<template>
+  <div class="line-chart" id="line-chart">
+    
+  </div>
+</template>
+<script setup>
+defineProps({
+  
+})
+</script>
+<style scoped>
+
+</style>