diff --git a/src/views/chart/ContentCharts/components/OptionContent/index.vue b/src/views/chart/ContentCharts/components/OptionContent/index.vue
index e3ec94a8..7d645adc 100644
--- a/src/views/chart/ContentCharts/components/OptionContent/index.vue
+++ b/src/views/chart/ContentCharts/components/OptionContent/index.vue
@@ -20,9 +20,13 @@
 
 <script setup lang="ts">
 import { ref, watch, reactive, computed } from 'vue'
-import { ItemBox } from '../ItemBox/index'
 import { ConfigType } from '@/packages/index.d'
 import { useSettingStore } from '@/store/modules/settingStore/settingStore'
+import { loadAsyncComponent } from '@/utils'
+
+const ItemBox = loadAsyncComponent(() =>
+  import('../ItemBox/index.vue')
+)
 
 const props = defineProps({
   selectOptions: {