public/dataease
1
0
Fork 0
mirror of https://github.com/dataease/dataease.git synced 2026-05-15 21:42:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(图表): 子弹图添加图标

Browse Source
This commit is contained in:
jianneng-fit2cloud
2025-03-31 23:25:54 +08:00
committed by jianneng-fit2cloud
parent f57ae108dc
commit da9fba450c
9 changed files with 61 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
core/core-frontend/src/assets/svg/bullet-graph-dark.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

15
core/core-frontend/src/assets/svg/bullet-graph-origin.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

15
core/core-frontend/src/assets/svg/bullet-graph.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

4
core/core-frontend/src/components/data-visualization/RealTimeGroup.vue
View File

@@ -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') {

4
core/core-frontend/src/components/data-visualization/RealTimeGroupInner.vue
View File

@@ -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') {

4
core/core-frontend/src/components/data-visualization/RealTimeListTree.vue
View File

@@ -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') {

4
core/core-frontend/src/components/icon-group/chart-dark-list.ts
View File

@@ -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 }

4
core/core-frontend/src/components/icon-group/chart-list.ts
View File

@@ -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 }

2
core/core-frontend/src/views/chart/components/editor/util/chart.ts
View File

@@ -1436,7 +1436,7 @@ export const CHART_TYPE_CONFIGS = [
category: 'compare',
value: 'bullet-graph',
title: t('chart.bullet_chart'),
icon: ''
icon: 'bullet-graph'
}
]
},