图表

59 个 zzzUI 风格的图表，基于 Recharts 构建：面积图、柱状图、折线图、饼图、雷达图、径向图，以及它们共用的提示框。可直接复制，也可用一条命令单独安装。

关于图表

每个图表都是 components/charts/ 下的一个文件：一个 Card 中容纳一个 Chart，数据直接写在文件里。安装图表时会一并安装这两个组件。可以只替换数据、保留其余部分，也可以自由修改：图表复制到项目后即归项目所有。

图表首次进入视野时开始绘制，各数据标记按 zzzUI 的动效参数增长到各自的数值（chartMotion）。开启「减少动态效果」时直接显示完整图表。

曲线、阶梯、堆叠、渐变，以及可切换的时间范围 · 9 个图表

Solo and crew runs

January – June

Crew runs up 7.7% on May

Runs taken alone and as a crew, January to June

纵向与横向、分组、堆叠、标签，以及负值 · 10 个图表

Rush and regular

January – June

Rush up 5.2% on the half before

Both kinds of job, January to June

曲线、阶梯、多条数据系列、数据点与标签 · 9 个图表

Jobs done

January – June

Up 5.2% on the half before

Every job closed, January to June

饼图与环形图、标签、突出的扇区、居中的总数 · 9 个图表

Jobs by cargo

January – June

Up 5.2% on the half before

Every job closed, by what it carried

以形状呈现属性：填充或描边、双组对比、多种网格 · 9 个图表

Two couriers

Juno and Marlo, scored out of 100

Juno the faster, Marlo the stronger

Scored from every job, January to June

圆环、标签、网格，以及居中的数值 · 6 个图表

Night shift

Target: 50 jobs

76% of the way, two hours to go

Jobs closed since the shift began

指示标记、标签、数值格式化与图标 · 7 个图表

Tooltip: default

The day as the label, a block per series.