diff --git a/src/components/data-analysis/LineChartContainer.vue b/src/components/data-analysis/chart-container/ChartContainer.vue
similarity index 100%
rename from src/components/data-analysis/LineChartContainer.vue
rename to src/components/data-analysis/chart-container/ChartContainer.vue
diff --git a/src/components/data-analysis/chart-container/XAxisSlide.vue b/src/components/data-analysis/chart-container/XAxisSlide.vue
new file mode 100644
index 0000000..c6fec57
--- /dev/null
+++ b/src/components/data-analysis/chart-container/XAxisSlide.vue
@@ -0,0 +1,8 @@
+<template>
+  <slideout v-model="showSlideOut" title="The title" :size="'30%'" dock="left" resizable> </slideout>
+</template>
+<script setup lang="ts">
+  import { ref } from 'vue'
+  const showSlideOut = ref(false)
+</script>
+<scss></scss>
diff --git a/src/components/data-analysis/ChannelSelector.vue b/src/components/data-analysis/file-container/ChannelSelector.vue
similarity index 100%
rename from src/components/data-analysis/ChannelSelector.vue
rename to src/components/data-analysis/file-container/ChannelSelector.vue
diff --git a/src/components/data-analysis/FileContainer.vue b/src/components/data-analysis/file-container/FileContainer.vue
similarity index 95%
rename from src/components/data-analysis/FileContainer.vue
rename to src/components/data-analysis/file-container/FileContainer.vue
index 34022d6..b9cde36 100644
--- a/src/components/data-analysis/FileContainer.vue
+++ b/src/components/data-analysis/file-container/FileContainer.vue
@@ -28,7 +28,7 @@
   import { ref, reactive } from 'vue'
   import { useChannelStore } from '@/stores/data-analysis/channel'
   import { useFileViewStore } from '@/stores/data-analysis/file-view'
-  import FileView from '@/components/data-analysis/FileView.vue'
+  import FileView from './FileView.vue'
 
   const channelStore = useChannelStore()
   const fileViewStore = useFileViewStore()
diff --git a/src/components/data-analysis/FileView.vue b/src/components/data-analysis/file-container/FileView.vue
similarity index 98%
rename from src/components/data-analysis/FileView.vue
rename to src/components/data-analysis/file-container/FileView.vue
index 5bfce6e..c566765 100644
--- a/src/components/data-analysis/FileView.vue
+++ b/src/components/data-analysis/file-container/FileView.vue
@@ -16,7 +16,6 @@
         <va-button @click="expandAll(false)">Close</va-button>
       </va-button-group>
     </div>
-    <!-- <div v-if="loading">Loading...</div> -->
     <va-inner-loading :loading="loading">
       <div>
         <TableFormat
diff --git a/src/components/data-analysis/TableFormat.vue b/src/components/data-analysis/file-container/TableFormat.vue
similarity index 100%
rename from src/components/data-analysis/TableFormat.vue
rename to src/components/data-analysis/file-container/TableFormat.vue
diff --git a/src/components/data-analysis/TreeFormat.vue b/src/components/data-analysis/file-container/TreeFormat.vue
similarity index 100%
rename from src/components/data-analysis/TreeFormat.vue
rename to src/components/data-analysis/file-container/TreeFormat.vue
diff --git a/src/components/data-analysis/ControlPanel.vue b/src/components/data-analysis/setting-container/SettingContainer.vue
similarity index 100%
rename from src/components/data-analysis/ControlPanel.vue
rename to src/components/data-analysis/setting-container/SettingContainer.vue
diff --git a/src/pages/admin/data-analysis/DataAnalysis.vue b/src/pages/admin/data-analysis/DataAnalysis.vue
index eb797de..aa4c5a3 100644
--- a/src/pages/admin/data-analysis/DataAnalysis.vue
+++ b/src/pages/admin/data-analysis/DataAnalysis.vue
@@ -9,16 +9,16 @@
       </div>
     </div>
     <template v-for="chart in chartManager.children" :key="chart.id">
-      <LineChartContainer ref="linechart_ref" :chart="chart" class="h-[100%] col-span-2"></LineChartContainer>
+      <ChartContainer ref="linechart_ref" :chart="chart" class="h-[100%] col-span-2"></ChartContainer>
     </template>
   </div>
 </template>
 
 <script setup lang="ts">
   import useMqtt from '@/composables/utils/useMqtt'
-  import FileContainer from '@/components/data-analysis/FileContainer.vue'
-  import ControlPanel from '@/components/data-analysis/ControlPanel.vue'
-  import LineChartContainer from '@/components/data-analysis/LineChartContainer.vue'
+  import FileContainer from '@/components/data-analysis/file-container/FileContainer.vue'
+  import ControlPanel from '@/components/data-analysis/setting-container/SettingContainer.vue'
+  import ChartContainer from '@/components/data-analysis/chart-container/ChartContainer.vue'
   import { useChartStore } from '@/stores/data-analysis/chart'
   import { ref, reactive, onMounted } from 'vue'