diff --git a/core/core-frontend/src/assets/svg/bullet-graph-dark.svg b/core/core-frontend/src/assets/svg/bullet-graph-dark.svg
new file mode 100644
index 0000000000..69bfd6ad5b
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/bullet-graph-dark.svg
@@ -0,0 +1,15 @@
+<svg width="80" height="56" viewBox="0 0 80 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.00391V53.0016V54.0016H4V2.00391H7Z" fill="#434343"/>
+  <path d="M9.5 14C9.22386 14 9 13.7761 9 13.5V6.5C9 6.22386 9.22386 6 9.5 6L71.5 6C71.7761 6 72 6.22386 72 6.5V13.5C72 13.7761 71.7761 14 71.5 14L9.5 14Z" fill="#434343"/>
+  <path d="M9.5 26C9.22386 26 9 25.7761 9 25.5V18.5C9 18.2239 9.22386 18 9.5 18H71.5C71.7761 18 72 18.2239 72 18.5V25.5C72 25.7761 71.7761 26 71.5 26L9.5 26Z" fill="#434343"/>
+  <path d="M9.5 38C9.22386 38 9 37.7761 9 37.5V30.5C9 30.2239 9.22386 30 9.5 30H71.5C71.7761 30 72 30.2239 72 30.5V37.5C72 37.7761 71.7761 38 71.5 38H9.5Z" fill="#434343"/>
+  <path d="M9.5 50C9.22386 50 9 49.7761 9 49.5V42.5C9 42.2239 9.22386 42 9.5 42H71.5C71.7761 42 72 42.2239 72 42.5V49.5C72 49.7761 71.7761 50 71.5 50H9.5Z" fill="#434343"/>
+  <path d="M9 12V8L44.5 8C44.7761 8 45 8.22386 45 8.5V11.5C45 11.7761 44.7761 12 44.5 12L9 12Z" fill="#3370FF"/>
+  <path d="M9 24V20H55.5C55.7761 20 56 20.2239 56 20.5V23.5C56 23.7761 55.7761 24 55.5 24H9Z" fill="#3370FF"/>
+  <path d="M9 36V32H37.5C37.7761 32 38 32.2239 38 32.5V35.5C38 35.7761 37.7761 36 37.5 36H9Z" fill="#3370FF"/>
+  <path d="M9 48V44H21.5C21.7761 44 22 44.2239 22 44.5V47.5C22 47.7761 21.7761 48 21.5 48H9Z" fill="#3370FF"/>
+  <path d="M47 14V6H48V14H47Z" fill="#3370FF"/>
+  <path d="M52 26V18H53V26H52Z" fill="#3370FF"/>
+  <path d="M42 38V30H43V38H42Z" fill="#3370FF"/>
+  <path d="M54 50V42H55V50H54Z" fill="#3370FF"/>
+</svg>
diff --git a/core/core-frontend/src/assets/svg/bullet-graph-origin.svg b/core/core-frontend/src/assets/svg/bullet-graph-origin.svg
new file mode 100644
index 0000000000..69bfd6ad5b
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/bullet-graph-origin.svg
@@ -0,0 +1,15 @@
+<svg width="80" height="56" viewBox="0 0 80 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.00391V53.0016V54.0016H4V2.00391H7Z" fill="#434343"/>
+  <path d="M9.5 14C9.22386 14 9 13.7761 9 13.5V6.5C9 6.22386 9.22386 6 9.5 6L71.5 6C71.7761 6 72 6.22386 72 6.5V13.5C72 13.7761 71.7761 14 71.5 14L9.5 14Z" fill="#434343"/>
+  <path d="M9.5 26C9.22386 26 9 25.7761 9 25.5V18.5C9 18.2239 9.22386 18 9.5 18H71.5C71.7761 18 72 18.2239 72 18.5V25.5C72 25.7761 71.7761 26 71.5 26L9.5 26Z" fill="#434343"/>
+  <path d="M9.5 38C9.22386 38 9 37.7761 9 37.5V30.5C9 30.2239 9.22386 30 9.5 30H71.5C71.7761 30 72 30.2239 72 30.5V37.5C72 37.7761 71.7761 38 71.5 38H9.5Z" fill="#434343"/>
+  <path d="M9.5 50C9.22386 50 9 49.7761 9 49.5V42.5C9 42.2239 9.22386 42 9.5 42H71.5C71.7761 42 72 42.2239 72 42.5V49.5C72 49.7761 71.7761 50 71.5 50H9.5Z" fill="#434343"/>
+  <path d="M9 12V8L44.5 8C44.7761 8 45 8.22386 45 8.5V11.5C45 11.7761 44.7761 12 44.5 12L9 12Z" fill="#3370FF"/>
+  <path d="M9 24V20H55.5C55.7761 20 56 20.2239 56 20.5V23.5C56 23.7761 55.7761 24 55.5 24H9Z" fill="#3370FF"/>
+  <path d="M9 36V32H37.5C37.7761 32 38 32.2239 38 32.5V35.5C38 35.7761 37.7761 36 37.5 36H9Z" fill="#3370FF"/>
+  <path d="M9 48V44H21.5C21.7761 44 22 44.2239 22 44.5V47.5C22 47.7761 21.7761 48 21.5 48H9Z" fill="#3370FF"/>
+  <path d="M47 14V6H48V14H47Z" fill="#3370FF"/>
+  <path d="M52 26V18H53V26H52Z" fill="#3370FF"/>
+  <path d="M42 38V30H43V38H42Z" fill="#3370FF"/>
+  <path d="M54 50V42H55V50H54Z" fill="#3370FF"/>
+</svg>
diff --git a/core/core-frontend/src/assets/svg/bullet-graph.svg b/core/core-frontend/src/assets/svg/bullet-graph.svg
new file mode 100644
index 0000000000..0d54e3d835
--- /dev/null
+++ b/core/core-frontend/src/assets/svg/bullet-graph.svg
@@ -0,0 +1,15 @@
+<svg width="80" height="56" viewBox="0 0 80 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M7 2.00391V53.0016V54.0016H4V2.00391H7Z" fill="#DEE0E3"/>
+  <path d="M9.5 14C9.22386 14 9 13.7761 9 13.5V6.5C9 6.22386 9.22386 6 9.5 6L71.5 6C71.7761 6 72 6.22386 72 6.5V13.5C72 13.7761 71.7761 14 71.5 14L9.5 14Z" fill="#DEE0E3"/>
+  <path d="M9.5 26C9.22386 26 9 25.7761 9 25.5V18.5C9 18.2239 9.22386 18 9.5 18H71.5C71.7761 18 72 18.2239 72 18.5V25.5C72 25.7761 71.7761 26 71.5 26L9.5 26Z" fill="#DEE0E3"/>
+  <path d="M9.5 38C9.22386 38 9 37.7761 9 37.5V30.5C9 30.2239 9.22386 30 9.5 30H71.5C71.7761 30 72 30.2239 72 30.5V37.5C72 37.7761 71.7761 38 71.5 38H9.5Z" fill="#DEE0E3"/>
+  <path d="M9.5 50C9.22386 50 9 49.7761 9 49.5V42.5C9 42.2239 9.22386 42 9.5 42H71.5C71.7761 42 72 42.2239 72 42.5V49.5C72 49.7761 71.7761 50 71.5 50H9.5Z" fill="#DEE0E3"/>
+  <path d="M9 12V8L44.5 8C44.7761 8 45 8.22386 45 8.5V11.5C45 11.7761 44.7761 12 44.5 12L9 12Z" fill="#3370FF"/>
+  <path d="M9 24V20H55.5C55.7761 20 56 20.2239 56 20.5V23.5C56 23.7761 55.7761 24 55.5 24H9Z" fill="#3370FF"/>
+  <path d="M9 36V32H37.5C37.7761 32 38 32.2239 38 32.5V35.5C38 35.7761 37.7761 36 37.5 36H9Z" fill="#3370FF"/>
+  <path d="M9 48V44H21.5C21.7761 44 22 44.2239 22 44.5V47.5C22 47.7761 21.7761 48 21.5 48H9Z" fill="#3370FF"/>
+  <path d="M47 14V6H48V14H47Z" fill="#3370FF"/>
+  <path d="M52 26V18H53V26H52Z" fill="#3370FF"/>
+  <path d="M42 38V30H43V38H42Z" fill="#3370FF"/>
+  <path d="M54 50V42H55V50H54Z" fill="#3370FF"/>
+</svg>
diff --git a/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue b/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue
index 92fe358186..470d20efb7 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeGroup.vue
@@ -77,6 +77,7 @@ import ComposeShow from '@/components/data-visualization/canvas/ComposeShow.vue'
 import { composeStoreWithOut } from '@/store/modules/data-visualization/compose'
 import circlePackingOrigin from '@/assets/svg/circle-packing-origin.svg'
 import RealTimeTab from '@/components/data-visualization/RealTimeTab.vue'
+import bulletGraphOrigin from '@/assets/svg/bullet-graph-origin.svg'
 import { syncViewTitle } from '@/utils/canvasUtils'
 const dropdownMore = ref(null)
 const lockStore = lockStoreWithOut()
@@ -245,7 +246,8 @@ const iconMap = {
   'word-cloud-origin': wordCloudOrigin,
   't-heatmap-origin': tHeatmapOrigin,
   group: group,
-  'circle-packing-origin': circlePackingOrigin
+  'circle-packing-origin': circlePackingOrigin,
+  'bullet-graph-origin': bulletGraphOrigin
 }
 const getIconName = item => {
   if (item.component === 'UserView') {
diff --git a/core/core-frontend/src/components/data-visualization/RealTimeGroupInner.vue b/core/core-frontend/src/components/data-visualization/RealTimeGroupInner.vue
index 5d7c64dd91..db8a361598 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeGroupInner.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeGroupInner.vue
@@ -74,6 +74,7 @@ import ContextMenuAsideDetails from '@/components/data-visualization/canvas/Cont
 import ComposeShow from '@/components/data-visualization/canvas/ComposeShow.vue'
 import { composeStoreWithOut } from '@/store/modules/data-visualization/compose'
 import circlePackingOrigin from '@/assets/svg/circle-packing-origin.svg'
+import bulletGraphOrigin from '@/assets/svg/bullet-graph-origin.svg'
 import { syncViewTitle } from '@/utils/canvasUtils'
 const dropdownMore = ref(null)
 const lockStore = lockStoreWithOut()
@@ -242,7 +243,8 @@ const iconMap = {
   'word-cloud-origin': wordCloudOrigin,
   't-heatmap-origin': tHeatmapOrigin,
   group: group,
-  'circle-packing-origin': circlePackingOrigin
+  'circle-packing-origin': circlePackingOrigin,
+  'bullet-graph-origin': bulletGraphOrigin
 }
 const getIconName = item => {
   if (item.component === 'UserView') {
diff --git a/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue b/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
index 56ead35e30..d21e18087c 100644
--- a/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
+++ b/core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
@@ -81,6 +81,7 @@ import { contextmenuStoreWithOut } from '@/store/modules/data-visualization/cont
 import RealTimeTab from '@/components/data-visualization/RealTimeTab.vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import circlePackingOrigin from '@/assets/svg/circle-packing-origin.svg'
+import bulletGraphOrigin from '@/assets/svg/bullet-graph-origin.svg'
 import { checkJoinGroup, syncViewTitle } from '@/utils/canvasUtils'
 import { useEmitt } from '@/hooks/web/useEmitt'
 const dropdownMore = ref(null)
@@ -333,7 +334,8 @@ const iconMap = {
   't-heatmap-origin': tHeatmapOrigin,
   'picture-group-origin': pictureGroupOrigin,
   group: group,
-  'circle-packing-origin': circlePackingOrigin
+  'circle-packing-origin': circlePackingOrigin,
+  'bullet-graph-origin': bulletGraphOrigin
 }
 const getIconName = item => {
   if (item.component === 'UserView') {
diff --git a/core/core-frontend/src/components/icon-group/chart-dark-list.ts b/core/core-frontend/src/components/icon-group/chart-dark-list.ts
index 600db62b32..51cd042625 100644
--- a/core/core-frontend/src/components/icon-group/chart-dark-list.ts
+++ b/core/core-frontend/src/components/icon-group/chart-dark-list.ts
@@ -43,6 +43,7 @@ import waterfallDark from '@/assets/svg/waterfall-dark.svg'
 import wordCloudDark from '@/assets/svg/word-cloud-dark.svg'
 import tHeatmapDark from '@/assets/svg/t-heatmap-dark.svg'
 import circlePackingDark from '@/assets/svg/circle-packing-dark.svg'
+import bulletGraphDark from '@/assets/svg/bullet-graph-dark.svg'
 
 const iconChartDarkMap = {
   'area-dark': areaDark,
@@ -89,7 +90,8 @@ const iconChartDarkMap = {
   'waterfall-dark': waterfallDark,
   'word-cloud-dark': wordCloudDark,
   't-heatmap-dark': tHeatmapDark,
-  'circle-packing-dark': circlePackingDark
+  'circle-packing-dark': circlePackingDark,
+  'bullet-graph-dark': bulletGraphDark
 }
 
 export { iconChartDarkMap }
diff --git a/core/core-frontend/src/components/icon-group/chart-list.ts b/core/core-frontend/src/components/icon-group/chart-list.ts
index 02e6ba93c9..63653c6f37 100644
--- a/core/core-frontend/src/components/icon-group/chart-list.ts
+++ b/core/core-frontend/src/components/icon-group/chart-list.ts
@@ -46,6 +46,7 @@ import pictureGroup from '@/assets/svg/picture-group.svg'
 import filter from '@/assets/svg/filter.svg'
 import outerParams from '@/assets/svg/icon_params_setting.svg'
 import circlePacking from '@/assets/svg/circle-packing.svg'
+import bulletGraph from '@/assets/svg/bullet-graph.svg'
 
 const iconChartMap = {
   'area-stack': areaStack,
@@ -95,7 +96,8 @@ const iconChartMap = {
   'picture-group': pictureGroup,
   filter: filter,
   outerParams: outerParams,
-  'circle-packing': circlePacking
+  'circle-packing': circlePacking,
+  'bullet-graph': bulletGraph
 }
 
 export { iconChartMap }
diff --git a/core/core-frontend/src/views/chart/components/editor/util/chart.ts b/core/core-frontend/src/views/chart/components/editor/util/chart.ts
index 483aa039cb..81e4f5410d 100644
--- a/core/core-frontend/src/views/chart/components/editor/util/chart.ts
+++ b/core/core-frontend/src/views/chart/components/editor/util/chart.ts
@@ -1436,7 +1436,7 @@ export const CHART_TYPE_CONFIGS = [
         category: 'compare',
         value: 'bullet-graph',
         title: t('chart.bullet_chart'),
-        icon: ''
+        icon: 'bullet-graph'
       }
     ]
   },