面积图 / Area Chart

展示趋势变化与占比，适合对比多条数据曲线。

订单与收入

使用渐变填充突出曲线走势。

示例代码

const series = [
  { dataKey: "revenue", label: "收入", color: "oklch(0.646 0.222 41.116)" },
  { dataKey: "orders", label: "订单", color: "oklch(0.6 0.118 184.704)" },
]

<AreaChartComponent data={chartData} series={series} />

Loading dashboard...

面积图 / Area Chart

展示趋势变化与占比，适合对比多条数据曲线。

订单与收入

使用渐变填充突出曲线走势。

示例代码

const series = [
  { dataKey: "revenue", label: "收入", color: "oklch(0.646 0.222 41.116)" },
  { dataKey: "orders", label: "订单", color: "oklch(0.6 0.118 184.704)" },
]

<AreaChartComponent data={chartData} series={series} />