Aioros.Pictor · Aioros

Aioros.Pictor · XAML 版 Recharts

Recharts 的图表，无需你写 JavaScript

以 XAML 实现 Recharts 2.15.4 的完整 API：由服务器写成 SVG，借助 CSS 和框架脚本实现交互，服务器推送新数据时实时更新，在桌面端原生绘制。

实时渲染，来自本服务器代码仓库

种图表类型，覆盖 Recharts 的全部导出

96×

比 Recharts 的服务端渲染更快

2.15.4

所遵循 API 的 Recharts 版本

如何测量

每个 Recharts 示例都分别由 Recharts 和 Pictor 渲染并比较；服务端计时在实验室的运行器上写出相同示例，以 Pictor 的 SVG 对比 Recharts 的 renderToStaticMarkup，两者使用相同的四个核心（见 Pictor 仓库 docs/benchmarks.md 第 12 轮）。

实时渲染，来自本服务器

下面的每个示例都是由你正在访问的服务器渲染的 XAML，同一份 XAML 也能在桌面端原生运行。

折线图

面积图

柱状图

组合图

散点图

饼图

雷达图

径向柱状图

漏斗图

矩形树图

桑基图

旭日图

XAML 代码

Pages/traffic/Page.axaml

<p:AreaChart Data="{Binding Visits}"> <p:CartesianGrid StrokeDashArray="3 3" /> <p:XAxis DataKey="Month" /> <p:YAxis /> <p:Tooltip /> <p:Area Type="Monotone" DataKey="Web" Fill="{DynamicResource PictorPalette1}" /> </p:AreaChart>

生态中的其他库

Aioros.Cosmo · XAML 版 shadcn/ui

shadcn/ui 的全部组件，用 XAML 实现

探索 Cosmo

Aioros.Graphs · C# 版 d3

d3 的绘图引擎，逐字节一致

探索 Graphs