
Angular Google Charts - 概述
Google Charts 是一个纯基于 JavaScript 的图表库,旨在通过添加交互式图表功能来增强 Web 应用程序。它支持各种图表。图表使用 SVG 在 Chrome、Firefox、Safari、Internet Explorer (IE) 等标准浏览器中绘制。在旧版 IE 6 中,使用 VML 绘制图形。
angular-google-charts 是一个基于 Angular 的开源 Google Charts 包装器,用于在 Angular 应用程序中提供优雅且功能丰富的 Google Charts 可视化效果,并且可以与 Angular 组件无缝地一起使用。各章节讨论了 Google Charts 的所有基本组件,并在 Angular 应用程序中提供了相应的示例。
特性
以下是 Google Charts 库的主要特性。
兼容性 - 在所有主流浏览器和移动平台(如 Android 和 iOS)上都能无缝运行。
多点触控支持 - 支持基于触屏的平台(如 Android 和 iOS)上的多点触控。非常适合 iPhone/iPad 和基于 Android 的智能手机/平板电脑。
免费使用 - 开源且可免费用于非商业用途。
轻量级 - loader.js 核心库是一个极其轻量级的库。
简单的配置 - 使用 JSON 定义各种图表的配置,非常易于学习和使用。
动态 - 允许在图表生成后修改图表。
多个轴 - 不限于 x、y 轴。支持图表上的多个轴。
可配置的工具提示 - 当用户将鼠标悬停在图表上的任何点时,都会出现工具提示。googlecharts 提供内置格式化程序或回调格式化程序以编程方式控制工具提示。
日期时间支持 - 特殊处理日期时间。提供大量内置控件来控制基于日期的类别。
打印 - 使用网页打印图表。
外部数据 - 支持从服务器动态加载数据。使用回调函数控制数据。
文本旋转 - 支持沿任意方向旋转标签。
支持的图表类型
Google Charts 库提供以下类型的图表
序号 | 图表类型/描述 |
---|---|
1 | 折线图 用于绘制线/样条图。 |
2 | 面积图 用于绘制面积图。 |
3 |
饼图 用于绘制饼图。 |
4 |
桑基图、散点图、阶梯面积图、表格、时间轴、树状图、趋势线 用于绘制散点图。 |
5 |
气泡图 用于绘制基于气泡的图表。 |
6 |
动态图表 用于绘制动态图表,用户可以在其中修改图表。 |
7 |
组合图 用于绘制各种图表的组合。 |
8 |
3D 图表 用于绘制 3D 图表。 |
9 |
Angular 仪表盘 用于绘制速度计类型图表。 |
10 |
热力图 用于绘制热力图。 |
11 |
树状图 用于绘制树状图。 |
在接下来的章节中,我们将详细讨论上述每种类型的图表并提供示例。
Explore our latest online courses and learn new skills at your own pace. Enroll and become a certified expert to boost your career.
许可证
Google Charts 是开源的,可免费使用。请访问以下链接 - 服务条款。