A compact chart card that splits a total across labelled horizontal bars, each with its own percentage.
Where the week went
Booked hours by appointment type
New here? Read the installation guide.
import { Chart7 } from "@/components/beste/piece/chart7";
<Chart7
title="Where the week went"
caption="Booked hours by appointment type"
items={[
{
"label": "Consultations",
"percent": 42
},
{
"label": "Follow-ups",
"percent": 28
},
{
"label": "Assessments",
"percent": 19
},
{
"label": "Admin",
"percent": 11
}
]}
/>