环形图 / Donut Chart

适合展示构成比例或分类占比。

收入构成

使用环形图展示不同来源的占比。

示例代码

const data = [
  { name: "订阅", value: 45, color: "oklch(0.646 0.222 41.116)" },
  { name: "一次性付款", value: 28, color: "oklch(0.6 0.118 184.704)" },
]

<DonutChart data={data} showLabel />

Loading dashboard...

环形图 / Donut Chart

适合展示构成比例或分类占比。

收入构成

使用环形图展示不同来源的占比。

示例代码

const data = [
  { name: "订阅", value: 45, color: "oklch(0.646 0.222 41.116)" },
  { name: "一次性付款", value: 28, color: "oklch(0.6 0.118 184.704)" },
]

<DonutChart data={data} showLabel />