Google Charts - 概述



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

特性

以下是Google Charts库的主要特性。

  • 兼容性 - 在所有主要浏览器和移动平台(如Android和iOS)上都能流畅运行。

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

  • 免费使用 - 开源且可免费用于非商业用途。

  • 轻量级 - loader.js核心库是一个极其轻量级的库。

  • 简单的配置 - 使用JSON定义各种图表的配置,非常易于学习和使用。

  • 动态的 - 允许在图表生成后修改图表。

  • 多个轴 - 不限于x轴、y轴。支持图表上的多个轴。

  • 可配置的工具提示 - 当用户将鼠标悬停在图表上的任何点时,都会出现工具提示。googlecharts提供内置格式化程序或回调格式化程序以编程方式控制工具提示。

  • 日期时间支持 - 特殊处理日期时间。提供许多内置控件来处理按日期分类的数据。

  • 打印 - 使用网页打印图表。

  • 外部数据 - 支持从服务器动态加载数据。使用回调函数控制数据。

  • 文本旋转 - 支持任意方向的标签旋转。

支持的图表类型

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

序号 图表类型及描述
1

折线图

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

2

面积图

用于绘制面积图。

3

饼图

用于绘制饼图。

4

Sankey 图、散点图、阶梯面积图、表格、时间轴、树状图、趋势线

用于绘制散点图。

5

气泡图

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

6

动态图表

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

7

组合图

用于绘制各种图表的组合。

8

3D 图表

用于绘制3D图表。

9

角度仪表

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

10

热力图

用于绘制热力图。

11

树状图

用于绘制树状图。

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

许可证

Google Charts是开源的,可以免费使用。请访问以下链接:服务条款

广告