diff --git a/src/plugins/icon.ts b/src/plugins/icon.ts
index e9add1eb..b781d152 100644
--- a/src/plugins/icon.ts
+++ b/src/plugins/icon.ts
@@ -7,7 +7,7 @@ import {
   Trash as TrashIcon,
   Pencil as PencilIcon,
   HammerOutline as HammerIcon,
-  DesktopOutline as DesktopOutlineIcon,
+DesktopOutline as DesktopOutlineIcon,
   DownloadOutline as DownloadIcon,
   Open as OpenIcon,
   Send as SendIcon,
@@ -26,6 +26,7 @@ import {
   LockClosedOutline as LockClosedOutlineIcon,
   HelpCircleOutline as HelpOutlineIcon,
   CodeSlash as CodeSlashIcon,
+  Rocket as RocketIcon,
   Duplicate as DuplicateIcon,
   DuplicateOutline as DuplicateOutlineIcon,
   Fish as FishIcon,
@@ -72,6 +73,8 @@ const ionicons5 = {
   DuplicateOutlineIcon,
   // 代码
   CodeSlashIcon,
+  // 事件(火箭)
+  RocketIcon,
   // 退出
   LogOutOutlineIcon,
   // 锁
diff --git a/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue b/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue
new file mode 100644
index 00000000..9798ede1
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    事件
+  </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/chart/ContentConfigurations/index.vue b/src/views/chart/ContentConfigurations/index.vue
index d7f4fb7b..e35233ef 100644
--- a/src/views/chart/ContentConfigurations/index.vue
+++ b/src/views/chart/ContentConfigurations/index.vue
@@ -88,7 +88,7 @@ const { getDetails } = toRefs(useChartLayoutStore())
 const { setItem } = useChartLayoutStore()
 const chartEditStoreStore = useChartEditStoreStore()
 
-const { ConstructIcon, FlashIcon, DesktopOutlineIcon } = icon.ionicons5
+const { ConstructIcon, FlashIcon, DesktopOutlineIcon, RocketIcon } = icon.ionicons5
 
 const ContentEdit = loadAsyncComponent(() => import('../ContentEdit/index.vue'))
 const CanvasPage = loadAsyncComponent(() =>
@@ -100,6 +100,9 @@ const ChartSetting = loadAsyncComponent(() =>
 const ChartData = loadAsyncComponent(() =>
   import('./components/ChartData/index.vue')
 )
+const ChartEvent = loadAsyncComponent(() =>
+  import('./components/ChartEvent/index.vue')
+)
 
 const collapsed = ref<boolean>(getDetails.value)
 
@@ -151,7 +154,13 @@ const canvasTabList = [
     title: '数据',
     icon: FlashIcon,
     render: ChartData
-  }
+  },
+  {
+    key: 'ChartEvent',
+    title: '事件',
+    icon: RocketIcon,
+    render: ChartEvent
+  },
 ]
 </script>