klinsmaya/SQLBot
1
0
Fork 0
mirror of https://gh-proxy.org/https://github.com/klinsmaya/SQLBot.git synced 2026-11-08 01:06:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: improve labels & tooltip display in pie chart

Browse Source
This commit is contained in:
ulleo
2025-08-12 17:13:46 +08:00
parent a6a1cfa373
commit d6576a9c0b
2 changed files with 31 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/chat/component/charts/Pie.ts
+17 -4
View File
@@ -36,12 +36,25 @@ export class Pie extends BaseG2Chart {
labels: [
{
position: 'outside',
text: (data: any) =>
`${data[series[0].value]}: ${data[y[0].value]}${_data.isPercent ? '%' : ''}`,
text: (data: any) => {
console.log(
`${data[series[0].value]}: ${data[y[0].value]}${_data.isPercent ? '%' : ''}`
)
return `${data[series[0].value]}: ${data[y[0].value]}${_data.isPercent ? '%' : ''}`
},
transform: [{ type: 'exceedAdjust' }, { type: 'overlapHide' }],
},
],
tooltip: (data) => {
return { name: y[0].name, value: `${data[y[0].value]}${_data.isPercent ? '%' : ''}` }
tooltip: {
title: (data: any) => data[series[0].value],
items: [
(data: any) => {
return {
name: y[0].name,
value: `${data[y[0].value]}${_data.isPercent ? '%' : ''}`,
}
},
],
},
}
g2-ssr/charts/pie.js
+14 -2
View File
@@ -29,10 +29,22 @@ function getPieOptions(baseOptions, axis, data) {
position: 'outside',
text: (data) =>
`${data[series[0].value]}: ${data[y[0].value]}${_data.isPercent ? '%' : ''}`,
transform: [
{ type: 'exceedAdjust' },
{ type: 'overlapHide' },
],
},
],
tooltip: (data) => {
return {name: y[0].name, value: `${data[y[0].value]}${_data.isPercent ? '%' : ''}`}
tooltip: {
title: (data) => data[series[0].value],
items: [
(data) => {
return {
name: y[0].name,
value: `${data[y[0].value]}${_data.isPercent ? '%' : ''}`,
}
},
],
},
}