Google 图表 – 概述

Google 图表 – 概述


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

特征

以下是 Google Charts 库的显着特点。

  • 兼容性– 在所有主要浏览器和移动平台(如 android 和 iOS)上无缝运行。

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

  • 免费使用– 开源,可免费用于非商业目的。

  • 轻量级– loader.js 核心库,是极其轻量级的库。

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

  • 动态– 即使在图表生成后也允许修改图表。

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

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

  • 日期时间支持– 专门处理日期时间。提供对日期明智类别的众多内置控件。

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

  • 外部数据– 支持从服务器动态加载数据。使用回调函数提供对数据的控制。

  • 文本旋转– 支持在任何方向上旋转标签。

支持的图表类型

谷歌图表库提供以下类型的图表 –

Sr.No. 图表类型和描述
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

用于绘制树状图。

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

执照

Google Charts 是开源的,可以免费使用。点击链接:服务条款

觉得文章有用?

点个广告表达一下你的爱意吧 !😁