@fluentui/ react-charting (英语)
概览
流利的 UI 反应 (单位:千美元)之前的办公室 UI 纤维反应)图表是一组现代,可访问,互动和高度自定义的可视化库,代表了微软设计系统.
图表库使用 D3(数据驱动文档) 和其他流利的UI控制.
这些图表在微软的不同产品之间被使用. 它们准备用于生产环境.
此库也被支持用于流利的 UI ưμ㼯a。 。 。 .
使用图书馆
图表库的示例和代码片断可在 演示网站。 。 。 . 代码片段可以作为所有道具和图表变体的用法指南. 点击演示站点上的"显示代码"访问每个变体的演示.
该库作为npm包发布给公共npm feed. 要安装软件包
npm install @fluentui/react-charting
要导入图表组件 :
import { ComponentName } from '@fluentui/react-charting/lib/ComponentName';
联系人
制图项目由小型地物小组积极资助. 小组在1-2个工作日内答复任何询问或怀疑.
您可以通过标记联系绘图组 @microsoft/charting-team 内 讨论情况 页:1.
您也可以在 图表 标签.
资源
有若干资源可供了解有关制图项目的更详细情况.
已公布路线图 这里
详细 维基百科 (目前为微软员工的内部)
加入我们 不和服务器 实时交谈 安排正常办公时间.
官方代码账户 - 即将到来
图片设计指南 - 即将到来
捐款
参考主要流利语 维基百科 详细说明设置和对一揽子计划的贡献.
我们内部有一份综合贡献指南 维基百科应请求可公开分享.
测试
图书馆有各种各样的测试以确保图书馆的质量. 测试包括组件测试,单元测试,视觉回归测试,无障碍测试,集成测试和人工测试等. 测试自动化旨在确保整个图书馆的密码覆盖率超过90%.
详见本报告 维基百科
运行 yarn test 从包内运行所有测试.
无障碍
我们的图表提供了详细的无障碍支持。 这些图表是WCAG 2.1 MAS C 符合无障碍要求.
详情见本报告 维基百科。 。 。 .
业绩
性能是图表库的关键成功标准. 业绩计量如下:.
| 编号 | 假设 | 灯塔分数 |
|---|---|---|
| 1. 联合国. | 1行图 1系列,有30,000个数据点 | 79.2 联合国 |
| 2. 联合国. | 6 1个系列的行图,各有100个数据点 | 98.8 国家 |
| 3个. | 18 包含5个数据点的1个系列的行图 | 98国 |
| 4.四. | 50 1 系列的行图,各有10个数据点 | 89.6 联合国 |
| 5 (韩语). | 1个2个系列的行图,各有500个数据点 | 98.6 联合国 |
| 6. 国家. | 1个系列的行图,各有1000个数据点 | 94.4 国家 |
| 7. 联合国. | 1 利用30 000个数据点 | 70个 |
| 8. 联合国. | 6 达到1个系列,每系列100个数据点 | 95.4 国家 |
| 9. 国家. | 18 达到1个系列,各有5个数据点 | 96.8 国家 |