UI组件库Kendo UI for Angular入门指南教程 - 图表功能
Kendo UI for Angular图表提供了高质量的图形数据可视化选项。
它们包括具有广泛配置选项的各种图表类型和样式,这种灵活性使您可以快速轻松地创建满足您对功能和外观的特定要求所需的准确图表。
Kendo UI for Angular图表组件是从头开始创建的,专门为Angular构建,因此您可以获得与Angular应用程序以及其他Kendo UI for Angular组件紧密集成的高性能图表组件。
Angular图表的主要特点
Angular图表数据绑定
图表支持将其数据系列绑定到数组、数组、对象和可观察对象,除了实际的系列之外,图表的其他区域,如轴和标签,也都可以绑定到您的数据。
渲染模式
图表支持两种渲染模式 - Canvas(位图)和 SVG(矢量图形),默认情况下,图表通过SVG呈现,在两者之间切换就像更新单个配置选项一样简单。
导出选项
图表提供内置支持,可将您的图表保存为图像 (PNG)、PDF、SVG 和 Kendo UI 绘图格式(用于进一步处理)。
平移和缩放
图表允许用户利用直观的平移和缩放交互与它们进行交互,这些功能可以通过设置图表选项轻松启用或禁用。
Angular图表外观
图表的颜色通常由当前的 Kendo UI 主题选取,但图表的每个方面都可以通过主题变量或配置选项进行自定义。Kendo UI for Angular提供了一组流行的主题,包括 Bootstrap 和 Material,所有这些都可以使用 Progress ThemeBuilder 在线实用程序轻松定制。
全球化
Kendo UI for Angular图表支持全球化和本地化,以确保每个 Chart 组件都可以适合任何应用程序,无论需要支持什么语言和区域设置。 此外,图表支持从右到左 (RTL) 方向渲染,可以使用单个配置选项进行设置。
可用的Angular图表和图形类型
![Kendo UI for Angular-图表组件](https://image.evget.com/2021/09/09/15n1d7d06se9cnxml.png)
![Kendo UI for Angular-图表组件](https://image.evget.com/2021/09/09/26o9qpzqkeuhonspk.png)
![Kendo UI for Angular-图表组件](https://image.evget.com/2021/09/09/3payh8ukph9slar1x.png)
Kendo UI for Angular是Kendo UI系列商业产品的最新产品。Kendo UI for Angular是专用于Angular开发的专业级Angular组件。telerik致力于提供纯粹的高性能Angular UI组件,无需任何jQuery依赖关系。