diff --git a/src/renderer/components/+cluster/cluster-pie-charts.tsx b/src/renderer/components/+cluster/cluster-pie-charts.tsx index f7bc9d0755..abf469e979 100644 --- a/src/renderer/components/+cluster/cluster-pie-charts.tsx +++ b/src/renderer/components/+cluster/cluster-pie-charts.tsx @@ -156,16 +156,16 @@ const NonInjectedClusterPieCharts = observer(({ clusterOverviewStore }: Dependen ], id: "podUsage", label: "Usage", + tooltipLabels: [ + (percent) => `Usage: ${percent}`, + (percent) => `Available: ${percent}`, + ], }, ], labels: [ `Usage: ${podUsage || 0}`, `Capacity: ${podAllocatableCapacity}`, ], - tooltipLabels: [ - (percent) => `Usage: ${percent}`, - (percent) => `Available: ${percent}`, - ], }; return ( diff --git a/src/renderer/components/chart/chart.tsx b/src/renderer/components/chart/chart.tsx index 1503e0b2f4..1aebca9d9b 100644 --- a/src/renderer/components/chart/chart.tsx +++ b/src/renderer/components/chart/chart.tsx @@ -13,12 +13,12 @@ import { Badge } from "../badge"; export interface ChartData extends ChartJS.ChartData { datasets?: ChartDataSets[]; - tooltipLabels?: ChartTooltipLabel[]; } export interface ChartDataSets extends ChartJS.ChartDataSets { id?: string; tooltip?: string; + tooltipLabels?: ChartTooltipLabel[]; } export interface ChartProps { @@ -37,7 +37,7 @@ export interface ChartProps { className?: string; } -type ChartTooltipLabel = (percent: string) => string | string; +export type ChartTooltipLabel = (percent: string) => string | string; export enum ChartKind { PIE = "pie", diff --git a/src/renderer/components/chart/pie-chart.tsx b/src/renderer/components/chart/pie-chart.tsx index 992123516b..57aafa84b2 100644 --- a/src/renderer/components/chart/pie-chart.tsx +++ b/src/renderer/components/chart/pie-chart.tsx @@ -34,7 +34,7 @@ export class PieChart extends React.Component { const total = datasetData.reduce((acc, cur) => acc + cur, 0); const percent = Math.round((dataset.data[tooltipItem["index"]] as number / total) * 100); const percentLabel = isNaN(percent) ? "N/A" : `${percent}%`; - const tooltipLabel = data.tooltipLabels?.[tooltipItem["index"]]; + const tooltipLabel = dataset.tooltipLabels?.[tooltipItem["index"]]; let tooltip = `${dataset["label"]}: ${percentLabel}`; if (tooltipLabel) {