shadcn-vue/apps/www/src/content/docs/charts/donut.md

title	description	label
Donut	Displays a callout for user attention.	Alpha

Installation

Only works with Vue >3.3

Run the following command

npx shadcn-vue@latest add chart-donut

Update css

Add the following tooltip styling to your tailwind.css file:

@layer base {
  :root {
    /* ... */
    --vis-secondary-color: 160 81% 40%;
    --vis-tooltip-background-color: none !important;
    --vis-tooltip-border-color: none !important;
    --vis-tooltip-text-color: none !important;
    --vis-tooltip-shadow-color: none !important;
    --vis-tooltip-backdrop-filter: none !important;
    --vis-tooltip-padding: none !important;
  }