32:I[827514,["/_next/static/immutable/chunks/1x29sb5igjf5w.js","/_next/static/immutable/chunks/1t2gcpalycxo6.js","/_next/static/immutable/chunks/2p_ghm9i1xqn3.js","/_next/static/immutable/chunks/38rq05vs-ve3p.js","/_next/static/immutable/chunks/2yacva7rodstl.js","/_next/static/immutable/chunks/1ghhw0nokzt1a.js","/_next/static/immutable/chunks/24eco4ut3v19f.js","/_next/static/immutable/chunks/1tk4x0me0jskd.js","/_next/static/immutable/chunks/01bhtelfhebt8.js","/_next/static/immutable/chunks/2vyyfnwku-6ro.js","/_next/static/immutable/chunks/0o4f9ufp5soxs.js","/_next/static/immutable/chunks/40rmaux_5gekc.js","/_next/static/immutable/chunks/2fomxw5k4_mq-.js","/_next/static/immutable/chunks/25db-5x82rdae.js","/_next/static/immutable/chunks/0sfqg2honhh0j.js","/_next/static/immutable/chunks/2k94eki-fptbn.js","/_next/static/immutable/chunks/3qm0uqf-nzpsu.js","/_next/static/immutable/chunks/1eh4--jlns_nl.js","/_next/static/immutable/chunks/0kioigv1mag2r.js","/_next/static/immutable/chunks/3bn54icaruzbg.js","/_next/static/immutable/chunks/3j4el3n16a7e5.js","/_next/static/immutable/chunks/1o_9an7b_2g9d.js","/_next/static/immutable/chunks/02xr9u4m0yl9w.js","/_next/static/immutable/chunks/14wguy9voujor.js","/_next/static/immutable/chunks/366c1wcz8w4ou.js","/_next/static/immutable/chunks/2fb4jiicrgvu0.js","/_next/static/immutable/chunks/07a0i1e0ujt5g.js","/_next/static/immutable/chunks/2iu2dzfpjcj8b.js","/_next/static/immutable/chunks/1of6269ka1nvs.js","/_next/static/immutable/chunks/450c3ag6he-lt.js","/_next/static/immutable/chunks/23jdee3-y925b.js","/_next/static/immutable/chunks/3j4sn5o2-pyjp.js","/_next/static/immutable/chunks/2xsydt1jy74tm.js"],"ChartTooltipIndicatorLine"] 34:I[565165,["/_next/static/immutable/chunks/1x29sb5igjf5w.js","/_next/static/immutable/chunks/1t2gcpalycxo6.js","/_next/static/immutable/chunks/2p_ghm9i1xqn3.js","/_next/static/immutable/chunks/38rq05vs-ve3p.js","/_next/static/immutable/chunks/2yacva7rodstl.js","/_next/static/immutable/chunks/1ghhw0nokzt1a.js","/_next/static/immutable/chunks/24eco4ut3v19f.js","/_next/static/immutable/chunks/1tk4x0me0jskd.js","/_next/static/immutable/chunks/01bhtelfhebt8.js","/_next/static/immutable/chunks/2vyyfnwku-6ro.js","/_next/static/immutable/chunks/0o4f9ufp5soxs.js","/_next/static/immutable/chunks/40rmaux_5gekc.js","/_next/static/immutable/chunks/2fomxw5k4_mq-.js","/_next/static/immutable/chunks/25db-5x82rdae.js","/_next/static/immutable/chunks/0sfqg2honhh0j.js","/_next/static/immutable/chunks/2k94eki-fptbn.js","/_next/static/immutable/chunks/3qm0uqf-nzpsu.js","/_next/static/immutable/chunks/1eh4--jlns_nl.js","/_next/static/immutable/chunks/0kioigv1mag2r.js","/_next/static/immutable/chunks/3bn54icaruzbg.js","/_next/static/immutable/chunks/3j4el3n16a7e5.js","/_next/static/immutable/chunks/1o_9an7b_2g9d.js","/_next/static/immutable/chunks/02xr9u4m0yl9w.js","/_next/static/immutable/chunks/14wguy9voujor.js","/_next/static/immutable/chunks/366c1wcz8w4ou.js","/_next/static/immutable/chunks/2fb4jiicrgvu0.js","/_next/static/immutable/chunks/07a0i1e0ujt5g.js","/_next/static/immutable/chunks/2iu2dzfpjcj8b.js","/_next/static/immutable/chunks/1of6269ka1nvs.js","/_next/static/immutable/chunks/450c3ag6he-lt.js","/_next/static/immutable/chunks/23jdee3-y925b.js","/_next/static/immutable/chunks/3j4sn5o2-pyjp.js","/_next/static/immutable/chunks/2xsydt1jy74tm.js"],"ChartTooltipIndicatorNone"] 36:I[855805,["/_next/static/immutable/chunks/1x29sb5igjf5w.js","/_next/static/immutable/chunks/1t2gcpalycxo6.js","/_next/static/immutable/chunks/2p_ghm9i1xqn3.js","/_next/static/immutable/chunks/38rq05vs-ve3p.js","/_next/static/immutable/chunks/2yacva7rodstl.js","/_next/static/immutable/chunks/1ghhw0nokzt1a.js","/_next/static/immutable/chunks/24eco4ut3v19f.js","/_next/static/immutable/chunks/1tk4x0me0jskd.js","/_next/static/immutable/chunks/01bhtelfhebt8.js","/_next/static/immutable/chunks/2vyyfnwku-6ro.js","/_next/static/immutable/chunks/0o4f9ufp5soxs.js","/_next/static/immutable/chunks/40rmaux_5gekc.js","/_next/static/immutable/chunks/2fomxw5k4_mq-.js","/_next/static/immutable/chunks/25db-5x82rdae.js","/_next/static/immutable/chunks/0sfqg2honhh0j.js","/_next/static/immutable/chunks/2k94eki-fptbn.js","/_next/static/immutable/chunks/3qm0uqf-nzpsu.js","/_next/static/immutable/chunks/1eh4--jlns_nl.js","/_next/static/immutable/chunks/0kioigv1mag2r.js","/_next/static/immutable/chunks/3bn54icaruzbg.js","/_next/static/immutable/chunks/3j4el3n16a7e5.js","/_next/static/immutable/chunks/1o_9an7b_2g9d.js","/_next/static/immutable/chunks/02xr9u4m0yl9w.js","/_next/static/immutable/chunks/14wguy9voujor.js","/_next/static/immutable/chunks/366c1wcz8w4ou.js","/_next/static/immutable/chunks/2fb4jiicrgvu0.js","/_next/static/immutable/chunks/07a0i1e0ujt5g.js","/_next/static/immutable/chunks/2iu2dzfpjcj8b.js","/_next/static/immutable/chunks/1of6269ka1nvs.js","/_next/static/immutable/chunks/450c3ag6he-lt.js","/_next/static/immutable/chunks/23jdee3-y925b.js","/_next/static/immutable/chunks/3j4sn5o2-pyjp.js","/_next/static/immutable/chunks/2xsydt1jy74tm.js"],"ChartTooltipLabelNone"] 38:I[794331,["/_next/static/immutable/chunks/1x29sb5igjf5w.js","/_next/static/immutable/chunks/1t2gcpalycxo6.js","/_next/static/immutable/chunks/2p_ghm9i1xqn3.js","/_next/static/immutable/chunks/38rq05vs-ve3p.js","/_next/static/immutable/chunks/2yacva7rodstl.js","/_next/static/immutable/chunks/1ghhw0nokzt1a.js","/_next/static/immutable/chunks/24eco4ut3v19f.js","/_next/static/immutable/chunks/1tk4x0me0jskd.js","/_next/static/immutable/chunks/01bhtelfhebt8.js","/_next/static/immutable/chunks/2vyyfnwku-6ro.js","/_next/static/immutable/chunks/0o4f9ufp5soxs.js","/_next/static/immutable/chunks/40rmaux_5gekc.js","/_next/static/immutable/chunks/2fomxw5k4_mq-.js","/_next/static/immutable/chunks/25db-5x82rdae.js","/_next/static/immutable/chunks/0sfqg2honhh0j.js","/_next/static/immutable/chunks/2k94eki-fptbn.js","/_next/static/immutable/chunks/3qm0uqf-nzpsu.js","/_next/static/immutable/chunks/1eh4--jlns_nl.js","/_next/static/immutable/chunks/0kioigv1mag2r.js","/_next/static/immutable/chunks/3bn54icaruzbg.js","/_next/static/immutable/chunks/3j4el3n16a7e5.js","/_next/static/immutable/chunks/1o_9an7b_2g9d.js","/_next/static/immutable/chunks/02xr9u4m0yl9w.js","/_next/static/immutable/chunks/14wguy9voujor.js","/_next/static/immutable/chunks/366c1wcz8w4ou.js","/_next/static/immutable/chunks/2fb4jiicrgvu0.js","/_next/static/immutable/chunks/07a0i1e0ujt5g.js","/_next/static/immutable/chunks/2iu2dzfpjcj8b.js","/_next/static/immutable/chunks/1of6269ka1nvs.js","/_next/static/immutable/chunks/450c3ag6he-lt.js","/_next/static/immutable/chunks/23jdee3-y925b.js","/_next/static/immutable/chunks/3j4sn5o2-pyjp.js","/_next/static/immutable/chunks/2xsydt1jy74tm.js"],"ChartTooltipLabelCustom"] 3a:I[766578,["/_next/static/immutable/chunks/1x29sb5igjf5w.js","/_next/static/immutable/chunks/1t2gcpalycxo6.js","/_next/static/immutable/chunks/2p_ghm9i1xqn3.js","/_next/static/immutable/chunks/38rq05vs-ve3p.js","/_next/static/immutable/chunks/2yacva7rodstl.js","/_next/static/immutable/chunks/1ghhw0nokzt1a.js","/_next/static/immutable/chunks/24eco4ut3v19f.js","/_next/static/immutable/chunks/1tk4x0me0jskd.js","/_next/static/immutable/chunks/01bhtelfhebt8.js","/_next/static/immutable/chunks/2vyyfnwku-6ro.js","/_next/static/immutable/chunks/0o4f9ufp5soxs.js","/_next/static/immutable/chunks/40rmaux_5gekc.js","/_next/static/immutable/chunks/2fomxw5k4_mq-.js","/_next/static/immutable/chunks/25db-5x82rdae.js","/_next/static/immutable/chunks/0sfqg2honhh0j.js","/_next/static/immutable/chunks/2k94eki-fptbn.js","/_next/static/immutable/chunks/3qm0uqf-nzpsu.js","/_next/static/immutable/chunks/1eh4--jlns_nl.js","/_next/static/immutable/chunks/0kioigv1mag2r.js","/_next/static/immutable/chunks/3bn54icaruzbg.js","/_next/static/immutable/chunks/3j4el3n16a7e5.js","/_next/static/immutable/chunks/1o_9an7b_2g9d.js","/_next/static/immutable/chunks/02xr9u4m0yl9w.js","/_next/static/immutable/chunks/14wguy9voujor.js","/_next/static/immutable/chunks/366c1wcz8w4ou.js","/_next/static/immutable/chunks/2fb4jiicrgvu0.js","/_next/static/immutable/chunks/07a0i1e0ujt5g.js","/_next/static/immutable/chunks/2iu2dzfpjcj8b.js","/_next/static/immutable/chunks/1of6269ka1nvs.js","/_next/static/immutable/chunks/450c3ag6he-lt.js","/_next/static/immutable/chunks/23jdee3-y925b.js","/_next/static/immutable/chunks/3j4sn5o2-pyjp.js","/_next/static/immutable/chunks/2xsydt1jy74tm.js"],"ChartTooltipLabelFormatter"] 3c:I[355201,["/_next/static/immutable/chunks/1x29sb5igjf5w.js","/_next/static/immutable/chunks/1t2gcpalycxo6.js","/_next/static/immutable/chunks/2p_ghm9i1xqn3.js","/_next/static/immutable/chunks/38rq05vs-ve3p.js","/_next/static/immutable/chunks/2yacva7rodstl.js","/_next/static/immutable/chunks/1ghhw0nokzt1a.js","/_next/static/immutable/chunks/24eco4ut3v19f.js","/_next/static/immutable/chunks/1tk4x0me0jskd.js","/_next/static/immutable/chunks/01bhtelfhebt8.js","/_next/static/immutable/chunks/2vyyfnwku-6ro.js","/_next/static/immutable/chunks/0o4f9ufp5soxs.js","/_next/static/immutable/chunks/40rmaux_5gekc.js","/_next/static/immutable/chunks/2fomxw5k4_mq-.js","/_next/static/immutable/chunks/25db-5x82rdae.js","/_next/static/immutable/chunks/0sfqg2honhh0j.js","/_next/static/immutable/chunks/2k94eki-fptbn.js","/_next/static/immutable/chunks/3qm0uqf-nzpsu.js","/_next/static/immutable/chunks/1eh4--jlns_nl.js","/_next/static/immutable/chunks/0kioigv1mag2r.js","/_next/static/immutable/chunks/3bn54icaruzbg.js","/_next/static/immutable/chunks/3j4el3n16a7e5.js","/_next/static/immutable/chunks/1o_9an7b_2g9d.js","/_next/static/immutable/chunks/02xr9u4m0yl9w.js","/_next/static/immutable/chunks/14wguy9voujor.js","/_next/static/immutable/chunks/366c1wcz8w4ou.js","/_next/static/immutable/chunks/2fb4jiicrgvu0.js","/_next/static/immutable/chunks/07a0i1e0ujt5g.js","/_next/static/immutable/chunks/2iu2dzfpjcj8b.js","/_next/static/immutable/chunks/1of6269ka1nvs.js","/_next/static/immutable/chunks/450c3ag6he-lt.js","/_next/static/immutable/chunks/23jdee3-y925b.js","/_next/static/immutable/chunks/3j4sn5o2-pyjp.js","/_next/static/immutable/chunks/2xsydt1jy74tm.js"],"ChartTooltipFormatter"] 3e:I[234933,["/_next/static/immutable/chunks/1x29sb5igjf5w.js","/_next/static/immutable/chunks/1t2gcpalycxo6.js","/_next/static/immutable/chunks/2p_ghm9i1xqn3.js","/_next/static/immutable/chunks/38rq05vs-ve3p.js","/_next/static/immutable/chunks/2yacva7rodstl.js","/_next/static/immutable/chunks/1ghhw0nokzt1a.js","/_next/static/immutable/chunks/24eco4ut3v19f.js","/_next/static/immutable/chunks/1tk4x0me0jskd.js","/_next/static/immutable/chunks/01bhtelfhebt8.js","/_next/static/immutable/chunks/2vyyfnwku-6ro.js","/_next/static/immutable/chunks/0o4f9ufp5soxs.js","/_next/static/immutable/chunks/40rmaux_5gekc.js","/_next/static/immutable/chunks/2fomxw5k4_mq-.js","/_next/static/immutable/chunks/25db-5x82rdae.js","/_next/static/immutable/chunks/0sfqg2honhh0j.js","/_next/static/immutable/chunks/2k94eki-fptbn.js","/_next/static/immutable/chunks/3qm0uqf-nzpsu.js","/_next/static/immutable/chunks/1eh4--jlns_nl.js","/_next/static/immutable/chunks/0kioigv1mag2r.js","/_next/static/immutable/chunks/3bn54icaruzbg.js","/_next/static/immutable/chunks/3j4el3n16a7e5.js","/_next/static/immutable/chunks/1o_9an7b_2g9d.js","/_next/static/immutable/chunks/02xr9u4m0yl9w.js","/_next/static/immutable/chunks/14wguy9voujor.js","/_next/static/immutable/chunks/366c1wcz8w4ou.js","/_next/static/immutable/chunks/2fb4jiicrgvu0.js","/_next/static/immutable/chunks/07a0i1e0ujt5g.js","/_next/static/immutable/chunks/2iu2dzfpjcj8b.js","/_next/static/immutable/chunks/1of6269ka1nvs.js","/_next/static/immutable/chunks/450c3ag6he-lt.js","/_next/static/immutable/chunks/23jdee3-y925b.js","/_next/static/immutable/chunks/3j4sn5o2-pyjp.js","/_next/static/immutable/chunks/2xsydt1jy74tm.js"],"ChartTooltipIcons"] 2a:["$","$L32",null,{}] 33:T8a6,"use client" import { Bar, BarChart, XAxis } from "recharts" import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "nooxit-design-system/components/card" import { ChartContainer, ChartTooltip, ChartTooltipContent, type ChartConfig, } from "nooxit-design-system/components/chart" export const description = "A stacked bar chart with a legend" const chartData = [ { date: "2024-07-15", running: 450, swimming: 300 }, { date: "2024-07-16", running: 380, swimming: 420 }, { date: "2024-07-17", running: 520, swimming: 120 }, { date: "2024-07-18", running: 140, swimming: 550 }, { date: "2024-07-19", running: 600, swimming: 350 }, { date: "2024-07-20", running: 480, swimming: 400 }, ] const chartConfig = { running: { label: "Running", color: "var(--chart-1)", }, swimming: { label: "Swimming", color: "var(--chart-2)", }, } satisfies ChartConfig export function ChartTooltipIndicatorNone() { return ( Tooltip - No Indicator Tooltip with no indicator. { return new Date(value).toLocaleDateString("en-US", { weekday: "short", }) }} /> } cursor={false} defaultIndex={1} /> ) }2b:["$","$L26","chart-tooltip-indicator-none",{"name":"chart-tooltip-indicator-none","code":"$33","wide":false,"children":["$","$L34",null,{}]}] 35:T8a4,"use client" import { Bar, BarChart, XAxis } from "recharts" import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "nooxit-design-system/components/card" import { ChartContainer, ChartTooltip, ChartTooltipContent, type ChartConfig, } from "nooxit-design-system/components/chart" export const description = "A stacked bar chart with a legend" const chartData = [ { date: "2024-07-15", running: 450, swimming: 300 }, { date: "2024-07-16", running: 380, swimming: 420 }, { date: "2024-07-17", running: 520, swimming: 120 }, { date: "2024-07-18", running: 140, swimming: 550 }, { date: "2024-07-19", running: 600, swimming: 350 }, { date: "2024-07-20", running: 480, swimming: 400 }, ] const chartConfig = { running: { label: "Running", color: "var(--chart-1)", }, swimming: { label: "Swimming", color: "var(--chart-2)", }, } satisfies ChartConfig export function ChartTooltipLabelNone() { return ( Tooltip - No Label Tooltip with no label. { return new Date(value).toLocaleDateString("en-US", { weekday: "short", }) }} /> } cursor={false} defaultIndex={1} /> ) }2c:["$","$L26","chart-tooltip-label-none",{"name":"chart-tooltip-label-none","code":"$35","wide":false,"children":["$","$L36",null,{}]}] 37:T930,"use client" import { Bar, BarChart, XAxis } from "recharts" import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "nooxit-design-system/components/card" import { ChartContainer, ChartTooltip, ChartTooltipContent, type ChartConfig, } from "nooxit-design-system/components/chart" export const description = "A stacked bar chart with a legend" const chartData = [ { date: "2024-07-15", running: 450, swimming: 300 }, { date: "2024-07-16", running: 380, swimming: 420 }, { date: "2024-07-17", running: 520, swimming: 120 }, { date: "2024-07-18", running: 140, swimming: 550 }, { date: "2024-07-19", running: 600, swimming: 350 }, { date: "2024-07-20", running: 480, swimming: 400 }, ] const chartConfig = { activities: { label: "Activities", }, running: { label: "Running", color: "var(--chart-1)", }, swimming: { label: "Swimming", color: "var(--chart-2)", }, } satisfies ChartConfig export function ChartTooltipLabelCustom() { return ( Tooltip - Custom label Tooltip with custom label from chartConfig. { return new Date(value).toLocaleDateString("en-US", { weekday: "short", }) }} /> } cursor={false} defaultIndex={1} /> ) }2d:["$","$L26","chart-tooltip-label-custom",{"name":"chart-tooltip-label-custom","code":"$37","wide":false,"children":["$","$L38",null,{}]}] 39:T9e5,"use client" import { Bar, BarChart, XAxis } from "recharts" import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "nooxit-design-system/components/card" import { ChartContainer, ChartTooltip, ChartTooltipContent, type ChartConfig, } from "nooxit-design-system/components/chart" export const description = "A stacked bar chart with a legend" const chartData = [ { date: "2024-07-15", running: 450, swimming: 300 }, { date: "2024-07-16", running: 380, swimming: 420 }, { date: "2024-07-17", running: 520, swimming: 120 }, { date: "2024-07-18", running: 140, swimming: 550 }, { date: "2024-07-19", running: 600, swimming: 350 }, { date: "2024-07-20", running: 480, swimming: 400 }, ] const chartConfig = { running: { label: "Running", color: "var(--chart-1)", }, swimming: { label: "Swimming", color: "var(--chart-2)", }, } satisfies ChartConfig export function ChartTooltipLabelFormatter() { return ( Tooltip - Label Formatter Tooltip with label formatter. { return new Date(value).toLocaleDateString("en-US", { weekday: "short", }) }} /> { return new Date(value).toLocaleDateString("en-US", { day: "numeric", month: "long", year: "numeric", }) }} /> } cursor={false} defaultIndex={1} /> ) }2e:["$","$L26","chart-tooltip-label-formatter",{"name":"chart-tooltip-label-formatter","code":"$39","wide":false,"children":["$","$L3a",null,{}]}] 3b:Tb44,"use client" import { Bar, BarChart, XAxis } from "recharts" import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "nooxit-design-system/components/card" import { ChartContainer, ChartTooltip, ChartTooltipContent, type ChartConfig, } from "nooxit-design-system/components/chart" export const description = "A stacked bar chart with a legend" const chartData = [ { date: "2024-07-15", running: 450, swimming: 300 }, { date: "2024-07-16", running: 380, swimming: 420 }, { date: "2024-07-17", running: 520, swimming: 120 }, { date: "2024-07-18", running: 140, swimming: 550 }, { date: "2024-07-19", running: 600, swimming: 350 }, { date: "2024-07-20", running: 480, swimming: 400 }, ] const chartConfig = { running: { label: "Running", color: "var(--chart-1)", }, swimming: { label: "Swimming", color: "var(--chart-2)", }, } satisfies ChartConfig export function ChartTooltipFormatter() { return ( Tooltip - Formatter Tooltip with custom formatter . { return new Date(value).toLocaleDateString("en-US", { weekday: "short", }) }} /> (

{chartConfig[name as keyof typeof chartConfig]?.label || name}

{value} kcal

)} /> } cursor={false} defaultIndex={1} /> ) }2f:["$","$L26","chart-tooltip-formatter",{"name":"chart-tooltip-formatter","code":"$3b","wide":false,"children":["$","$L3c",null,{}]}] 3d:T901,"use client" import { FootprintsIcon, WavesIcon } from "@phosphor-icons/react/ssr" import { Bar, BarChart, XAxis } from "recharts" import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "nooxit-design-system/components/card" import { ChartContainer, ChartTooltip, ChartTooltipContent, type ChartConfig, } from "nooxit-design-system/components/chart" export const description = "A stacked bar chart with a legend" const chartData = [ { date: "2024-07-15", running: 450, swimming: 300 }, { date: "2024-07-16", running: 380, swimming: 420 }, { date: "2024-07-17", running: 520, swimming: 120 }, { date: "2024-07-18", running: 140, swimming: 550 }, { date: "2024-07-19", running: 600, swimming: 350 }, { date: "2024-07-20", running: 480, swimming: 400 }, ] const chartConfig = { running: { label: "Running", color: "var(--chart-1)", icon: FootprintsIcon, }, swimming: { label: "Swimming", color: "var(--chart-2)", icon: WavesIcon, }, } satisfies ChartConfig export function ChartTooltipIcons() { return ( Tooltip - Icons Tooltip with icons. { return new Date(value).toLocaleDateString("en-US", { weekday: "short", }) }} /> } cursor={false} defaultIndex={1} /> ) }30:["$","$L26","chart-tooltip-icons",{"name":"chart-tooltip-icons","code":"$3d","wide":false,"children":["$","$L3e",null,{}]}] 3f:Tf47,"use client" import { Bar, BarChart, XAxis } from "recharts" import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "nooxit-design-system/components/card" import { ChartContainer, ChartTooltip, ChartTooltipContent, type ChartConfig, } from "nooxit-design-system/components/chart" export const description = "A stacked bar chart with a legend" const chartData = [ { date: "2024-07-15", running: 450, swimming: 300 }, { date: "2024-07-16", running: 380, swimming: 420 }, { date: "2024-07-17", running: 520, swimming: 120 }, { date: "2024-07-18", running: 140, swimming: 550 }, { date: "2024-07-19", running: 600, swimming: 350 }, { date: "2024-07-20", running: 480, swimming: 400 }, ] const chartConfig = { running: { label: "Running", color: "var(--chart-1)", }, swimming: { label: "Swimming", color: "var(--chart-2)", }, } satisfies ChartConfig export function ChartTooltipAdvanced() { return ( Tooltip - Advanced Tooltip with custom formatter and total. { return new Date(value).toLocaleDateString("en-US", { weekday: "short", }) }} /> ( <>

{chartConfig[name as keyof typeof chartConfig]?.label || name}

{value} kcal

{/* Add this after the last item */} {index === 1 && (

Total

{item.payload.running + item.payload.swimming} kcal

)} )} /> } cursor={false} defaultIndex={1} /> ) }31:["$","$L26","chart-tooltip-advanced",{"name":"chart-tooltip-advanced","code":"$3f","wide":false,"children":"$L40"}]

Tooltips