Googlecharts 简明教程

Google Charts - Overview

Google Charts 是一个基于纯 JavaScript 的图表库,旨在通过增加交互式制图功能来增强 Web 应用程序。它支持各种图表。图表在标准浏览器(如 Chrome、Firefox、Safari、Internet Explorer (IE))中使用 SVG 绘制。在旧版 IE 6 中,使用 VML 绘制图形。

Features

以下是 Google Charts 库的显著功能。

  1. Compatability − 在所有主流浏览器和移动平台(如 Android 和 iOS)上无缝运行。

  2. Multitouch Support − 支持在基于触摸屏的平台(如 Android 和 iOS)上进行多点触控。非常适合 iPhone/iPad 和基于 Android 的智能手机/平板电脑。

  3. Free to Use − 开源,可免费用于非商业用途。

  4. Lightweight − loader.js 核心库是一个极其轻量级的库。

  5. Simple Configurations − 使用 JSON 定义图表的各种配置,并且非常容易学习和使用。

  6. Dynamic − 允许在图表生成后修改图表。

  7. Multiple axes − 不局限于 x、y 轴。支持图表上的多个轴。

  8. Configurable tooltips − 当用户将鼠标悬停在图表上的任何点时,会出现工具提示。googlecharts 提供工具提示内置格式化工具或回调格式化工具,以编程方式控制工具提示。

  9. DateTime support − 特别处理日期时间。提供对按日期分类的许多内置控件。

  10. Print − 使用网页打印图表。

  11. External data − 支持从服务器动态加载数据。使用回调函数控制数据。

  12. Text Rotation − 支持任意方向旋转标签。

Supported Chart Types

Google Charts 库提供以下类型的图表−

Sr.No.

Chart Type & Description

1

Line Charts 用于绘制基于图线/样条线的图表。

2

Area Charts 用于绘制区域图表。

3

Pie Charts 用于绘制饼图。

4

Sankey Charts, Scatter Charts, Stepped area charts, Table, Timelines, TreeMap, Trendlines 用于绘制散点图。

5

Bubble Charts 用于绘制基于气泡的图表。

6

Dynamic Charts 用于绘制动态图表,用户可以修改图表。

7

Combinations 用于绘制组合图表。

8

3D Charts 用于绘制 3D 图表。

9

Angular Gauges 用于绘制速度计类型的图表。

10

Heat Maps 用于绘制热图。

11

Tree Maps 用于绘制树状图。

在接下来的章节中,我们将详细讨论每种上述图表类型以及示例。

Licence

Google Charts 是开源的,并且免费使用。请单击以下链接: Terms of Service