diff --git a/src/hooks/web/useEcharts/index.ts b/src/hooks/web/useECharts.ts
similarity index 98%
rename from src/hooks/web/useEcharts/index.ts
rename to src/hooks/web/useECharts.ts
index aad31690c..4a90c37b0 100644
--- a/src/hooks/web/useEcharts/index.ts
+++ b/src/hooks/web/useECharts.ts
@@ -8,7 +8,7 @@ import { useDebounceFn } from '@vueuse/core';
 import { useEventListener } from '/@/hooks/event/useEventListener';
 import { useBreakpoint } from '/@/hooks/event/useBreakpoint';
 
-import echarts from './echarts';
+import echarts from '/@/utils/lib/echarts';
 import { useRootSetting } from '/@/hooks/setting/useRootSetting';
 
 export function useECharts(
diff --git a/src/hooks/web/useEcharts/echarts.ts b/src/utils/lib/echarts.ts
similarity index 100%
rename from src/hooks/web/useEcharts/echarts.ts
rename to src/utils/lib/echarts.ts
diff --git a/src/views/dashboard/analysis/components/SalesProductPie.vue b/src/views/dashboard/analysis/components/SalesProductPie.vue
index ca3ea403d..eb5ef24ae 100644
--- a/src/views/dashboard/analysis/components/SalesProductPie.vue
+++ b/src/views/dashboard/analysis/components/SalesProductPie.vue
@@ -7,7 +7,7 @@
   import { defineComponent, Ref, ref, watch } from 'vue';
 
   import { Card } from 'ant-design-vue';
-  import { useECharts } from '/@/hooks/web/useECharts/index';
+  import { useECharts } from '/@/hooks/web/useECharts';
 
   export default defineComponent({
     components: { Card },
diff --git a/src/views/dashboard/analysis/components/VisitAnalysis.vue b/src/views/dashboard/analysis/components/VisitAnalysis.vue
index 6581f961f..8f572a106 100644
--- a/src/views/dashboard/analysis/components/VisitAnalysis.vue
+++ b/src/views/dashboard/analysis/components/VisitAnalysis.vue
@@ -4,7 +4,7 @@
 <script lang="ts">
   import { defineComponent, onMounted, ref, Ref } from 'vue';
 
-  import { useECharts } from '/@/hooks/web/useECharts/index';
+  import { useECharts } from '/@/hooks/web/useECharts';
 
   import { basicProps } from './props';
   export default defineComponent({
diff --git a/src/views/dashboard/analysis/components/VisitAnalysisBar.vue b/src/views/dashboard/analysis/components/VisitAnalysisBar.vue
index e68578cf0..7384018ee 100644
--- a/src/views/dashboard/analysis/components/VisitAnalysisBar.vue
+++ b/src/views/dashboard/analysis/components/VisitAnalysisBar.vue
@@ -4,7 +4,7 @@
 <script lang="ts">
   import { defineComponent, onMounted, ref, Ref } from 'vue';
 
-  import { useECharts } from '/@/hooks/web/useECharts/index';
+  import { useECharts } from '/@/hooks/web/useECharts';
 
   import { basicProps } from './props';
   export default defineComponent({
diff --git a/src/views/dashboard/analysis/components/VisitRadar.vue b/src/views/dashboard/analysis/components/VisitRadar.vue
index 6933f5c99..d9fd40cd8 100644
--- a/src/views/dashboard/analysis/components/VisitRadar.vue
+++ b/src/views/dashboard/analysis/components/VisitRadar.vue
@@ -7,7 +7,7 @@
   import { defineComponent, Ref, ref, watch } from 'vue';
 
   import { Card } from 'ant-design-vue';
-  import { useECharts } from '/@/hooks/web/useECharts/index';
+  import { useECharts } from '/@/hooks/web/useECharts';
 
   export default defineComponent({
     components: { Card },
diff --git a/src/views/dashboard/analysis/components/VisitSource.vue b/src/views/dashboard/analysis/components/VisitSource.vue
index 6b2ebaceb..85f2c3326 100644
--- a/src/views/dashboard/analysis/components/VisitSource.vue
+++ b/src/views/dashboard/analysis/components/VisitSource.vue
@@ -7,7 +7,7 @@
   import { defineComponent, Ref, ref, watch } from 'vue';
 
   import { Card } from 'ant-design-vue';
-  import { useECharts } from '/@/hooks/web/useECharts/index';
+  import { useECharts } from '/@/hooks/web/useECharts';
 
   export default defineComponent({
     components: { Card },
diff --git a/src/views/dashboard/workbench/components/SaleRadar.vue b/src/views/dashboard/workbench/components/SaleRadar.vue
index f06f93245..cfd5d0ff9 100644
--- a/src/views/dashboard/workbench/components/SaleRadar.vue
+++ b/src/views/dashboard/workbench/components/SaleRadar.vue
@@ -7,7 +7,7 @@
   import { defineComponent, Ref, ref, watch } from 'vue';
 
   import { Card } from 'ant-design-vue';
-  import { useECharts } from '/@/hooks/web/useECharts/index';
+  import { useECharts } from '/@/hooks/web/useECharts';
 
   export default defineComponent({
     components: { Card },
diff --git a/src/views/demo/charts/Line.vue b/src/views/demo/charts/Line.vue
index 2efdf543b..c07894210 100644
--- a/src/views/demo/charts/Line.vue
+++ b/src/views/demo/charts/Line.vue
@@ -4,7 +4,7 @@
 <script lang="ts">
   import { defineComponent, PropType, ref, Ref, onMounted } from 'vue';
 
-  import { useECharts } from '/@/hooks/web/useECharts/index';
+  import { useECharts } from '/@/hooks/web/useECharts';
   import { getLineData } from './data';
 
   export default defineComponent({
diff --git a/src/views/demo/charts/Map.vue b/src/views/demo/charts/Map.vue
index f86c6a25b..e07344c56 100644
--- a/src/views/demo/charts/Map.vue
+++ b/src/views/demo/charts/Map.vue
@@ -4,7 +4,7 @@
 <script lang="ts">
   import { defineComponent, PropType, ref, Ref, onMounted } from 'vue';
 
-  import { useECharts } from '/@/hooks/web/useECharts/index';
+  import { useECharts } from '/@/hooks/web/useECharts';
   import { mapData } from './data';
   import { registerMap } from 'echarts';
 
diff --git a/src/views/demo/charts/Pie.vue b/src/views/demo/charts/Pie.vue
index 97c52fd0f..faf2435a6 100644
--- a/src/views/demo/charts/Pie.vue
+++ b/src/views/demo/charts/Pie.vue
@@ -4,7 +4,7 @@
 <script lang="ts">
   import { defineComponent, PropType, ref, Ref, onMounted } from 'vue';
 
-  import { useECharts } from '/@/hooks/web/useECharts/index';
+  import { useECharts } from '/@/hooks/web/useECharts';
 
   export default defineComponent({
     props: {
diff --git a/src/views/demo/charts/SaleRadar.vue b/src/views/demo/charts/SaleRadar.vue
index 3705cb0c8..3e98887ca 100644
--- a/src/views/demo/charts/SaleRadar.vue
+++ b/src/views/demo/charts/SaleRadar.vue
@@ -7,7 +7,7 @@
   import { defineComponent, Ref, ref, watch } from 'vue';
 
   import { Card } from 'ant-design-vue';
-  import { useECharts } from '/@/hooks/web/useECharts/index';
+  import { useECharts } from '/@/hooks/web/useECharts';
 
   export default defineComponent({
     components: { Card },