ngx charts

ngx-charts

Angular的声明性图表框架！

NGX-Charts是独一无二的，因为我们不仅包装D3，也不仅包含其他图表引擎。它正在使用Angular来渲染和动画SVG元素，并使用其所有绑定和速度优点，并将D3用于出色的数学功能，尺度，轴和形状生成器。通过使Angular执行所有渲染，它使我们达到了无限的可能性，Angular平台提供了诸如AOT，SSR和等等。

数据可视化是一门科学，但这并不意味着它一定是丑陋的。我们在创建这个项目时所做的巨大努力之一就是使图表在美学上令人愉悦。这些样式也可以通过CSS完全自定义，因此您可以根据需要覆盖它们。

同样，通过利用通过NGX-Charts模块暴露的各种NGX-Charts组件来构建自定义图表。

有关更多信息，请查看文档和演示。

特征

图表类型

• 水平和垂直条形图（标准，分组，堆叠，归一化）
• 线
• 区域（标准，堆叠，归一化）
• 派（可爆炸，网格，自定义传说）
• 气泡
• 油炸圈饼
• 仪表（线性和径向）
• 热图
• Treemap
• 数字卡
• Sankey图

定制

• 自动化
• 时间轴过滤
• 线插值
• 可配置的轴标签
• 传奇（标签和渐变）
• 高级标签定位
• 实时数据支持
• 高级工具提示
• 数据点事件处理程序
• 与Ngupgrade一起工作

安装

要在项目中使用NGX-charts通过NPM安装它：

 npm i @swimlane/ngx-charts --save

自定义图表

要了解如何使用NGX-Charts组件来构建自定义图表并查找示例，请参阅我们的自定义图表页面。

发布

• 结帐大师（ git checkout master ）
• 拉主（ git pull ）
• 刷新节点模块（ npm ci ）
• 运行测试（ npm test ）
• 检查日志以确定下一个版本（xyz）
• 运行git checkout -b release/XYZ
• 在projects/swimlane/ngx-charts/package.json中更新版本。
• 在projects/docs/changelog.md中更新changelog
• 运行git commit -am "(release): XYZ"
• 运行git tag XYZ
• 运行git push origin HEAD --tags
• 运行npm run publish:lib
• 提交公关

学分

ngx-charts是一个泳装开源项目；我们相信，通过分享我们为应用程序构建的一些项目来回馈开源社区。 Swimlane是一个自动化的网络安全操作和事件响应平台，它使网络安全团队能够利用威胁情报，加快事件响应并自动化安全操作。

SECOPS HUB是一个开放的，不合时宜的，在线社区的安全专业人员，可分享想法，用例，最佳实践和事件响应策略。