update 修改颜色

This commit is contained in:
zk
2024-07-02 13:59:18 +08:00
parent 9e8a5da257
commit a1850b95b6
+12 -9
View File
@@ -97,7 +97,7 @@ export function useHealth() {
const ringTheme = { const ringTheme = {
dark: { dark: {
color: ['#0098FA', '#0CD9B5', '#3B72AD'], color: ['#F58584', '#F5CC84', '#0CD9B5'],
textStyle: { textStyle: {
color: '#ffffff', color: '#ffffff',
}, },
@@ -123,7 +123,7 @@ const ringTheme = {
}, },
}, },
light: { light: {
color: ['#0098FA', '#0CD9B5', '#6077fc'], color: ['#F58584', '#F5CC84', '#0CD9B5'],
textStyle: { textStyle: {
color: '#5169B8', color: '#5169B8',
}, },
@@ -144,7 +144,7 @@ const ringTheme = {
}, },
}, },
seriesLabel: { seriesLabel: {
color: '#fff', color: '#27386e',
}, },
}, },
}; };
@@ -171,7 +171,7 @@ export function ringOption(chartData, total, theme) {
...subtextStyle, ...subtextStyle,
}, },
}, },
color: color || ['#0098FA', '#0CD9B5', '#3B72AD'], color: color || ['#0098FA', '#0CD9B5', '#F5CC84'],
tooltip: { tooltip: {
trigger: 'item', trigger: 'item',
show: true, show: true,
@@ -196,19 +196,22 @@ export function ringOption(chartData, total, theme) {
series: [ series: [
{ {
type: 'pie', type: 'pie',
radius: ['50%', '80%'], radius: ['50%', '72%'],
center: ['50%', '47%'], center: ['50%', '47%'],
avoidLabelOverlap: false, avoidLabelOverlap: false,
label: { label: {
show: true, show: true,
position: 'inner', position: 'outside',
formatter: '{d}%', formatter: '{d}%',
color: '#ffffff', color: '#27386e',
fontSize: 14, fontSize: 14,
...seriesLabel, // ...seriesLabel,
}, },
labelLine: { labelLine: {
show: false, show: true,
smooth: true,
length: 12,
length2: 5,
}, },
data: data, data: data,
}, },