svcm/dmz
1
0
Fork 0
mirror of https://git.hmsn.ink/kospo/svcm/dmz.git synced 2026-03-20 16:03:33 +09:00
Code Issues Packages Projects Releases Wiki Activity

first

Browse Source
This commit is contained in:
bangae1
2025-05-24 01:47:40 +09:00
commit 09d97cbb0b
1594 changed files with 184634 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

188
src/data/dashboards/ecommerce/supportCharts.ts Normal file
View File

@@ -0,0 +1,188 @@
export function useSupportCharts() {
const themeColors = useThemeColors()
const activeTicketsChartOptions = shallowRef({
series: [57],
chart: {
height: 100,
type: 'radialBar',
// offsetY: -20,
sparkline: {
enabled: true,
},
toolbar: {
show: false,
},
},
colors: [themeColors.purple],
plotOptions: {
radialBar: {
startAngle: -90,
endAngle: 90,
hollow: {
size: '35%',
},
track: {
background: '#e7e7e7',
strokeWidth: '97%',
margin: 5, // margin is in pixels
dropShadow: {
enabled: false,
top: 2,
left: 0,
color: '#999',
opacity: 1,
blur: 2,
},
},
dataLabels: {
name: {
show: false,
},
value: {
show: false,
offsetY: -2,
fontSize: '22px',
},
},
},
},
fill: {
type: 'gradient',
gradient: {
shade: 'light',
shadeIntensity: 0.1,
inverseColors: false,
opacityFrom: 1,
opacityTo: 1,
stops: [0, 50, 53, 91],
},
},
labels: ['Average Results'],
})
const escalatedChartOptions = shallowRef({
series: [36],
chart: {
height: 100,
type: 'radialBar',
// offsetY: -20,
sparkline: {
enabled: true,
},
toolbar: {
show: false,
},
},
colors: [themeColors.lime],
plotOptions: {
radialBar: {
startAngle: -90,
endAngle: 90,
hollow: {
size: '35%',
},
track: {
background: '#e7e7e7',
strokeWidth: '97%',
margin: 5, // margin is in pixels
dropShadow: {
enabled: false,
top: 2,
left: 0,
color: '#999',
opacity: 1,
blur: 2,
},
},
dataLabels: {
name: {
show: false,
},
value: {
show: false,
offsetY: -2,
fontSize: '22px',
},
},
},
},
fill: {
type: 'gradient',
gradient: {
shade: 'light',
shadeIntensity: 0.1,
inverseColors: false,
opacityFrom: 1,
opacityTo: 1,
stops: [0, 50, 53, 91],
},
},
labels: ['Average Results'],
})
const closedTicketsChartOptions = shallowRef({
series: [88],
chart: {
height: 100,
type: 'radialBar',
// offsetY: -20,
sparkline: {
enabled: true,
},
toolbar: {
show: false,
},
},
colors: [themeColors.green],
plotOptions: {
radialBar: {
startAngle: -90,
endAngle: 90,
hollow: {
size: '35%',
},
track: {
background: '#e7e7e7',
strokeWidth: '97%',
margin: 5, // margin is in pixels
dropShadow: {
enabled: false,
top: 2,
left: 0,
color: '#999',
opacity: 1,
blur: 2,
},
},
dataLabels: {
name: {
show: false,
},
value: {
show: false,
offsetY: -2,
fontSize: '22px',
},
},
},
},
fill: {
type: 'gradient',
gradient: {
shade: 'light',
shadeIntensity: 0.1,
inverseColors: false,
opacityFrom: 1,
opacityTo: 1,
stops: [0, 50, 53, 91],
},
},
labels: ['Average Results'],
})
return {
activeTicketsChartOptions,
escalatedChartOptions,
closedTicketsChartOptions,
}
}