Googlecharts 简明教程
Google Charts - Overview
Google Charts 是一个基于纯 JavaScript 的图表库,旨在通过增加交互式制图功能来增强 Web 应用程序。它支持各种图表。图表在标准浏览器(如 Chrome、Firefox、Safari、Internet Explorer (IE))中使用 SVG 绘制。在旧版 IE 6 中,使用 VML 绘制图形。
Features
以下是 Google Charts 库的显著功能。
-
Compatability − 在所有主流浏览器和移动平台(如 Android 和 iOS)上无缝运行。
-
Multitouch Support − 支持在基于触摸屏的平台(如 Android 和 iOS)上进行多点触控。非常适合 iPhone/iPad 和基于 Android 的智能手机/平板电脑。
-
Free to Use − 开源,可免费用于非商业用途。
-
Lightweight − loader.js 核心库是一个极其轻量级的库。
-
Simple Configurations − 使用 JSON 定义图表的各种配置,并且非常容易学习和使用。
-
Dynamic − 允许在图表生成后修改图表。
-
Multiple axes − 不局限于 x、y 轴。支持图表上的多个轴。
-
Configurable tooltips − 当用户将鼠标悬停在图表上的任何点时,会出现工具提示。googlecharts 提供工具提示内置格式化工具或回调格式化工具,以编程方式控制工具提示。
-
DateTime support − 特别处理日期时间。提供对按日期分类的许多内置控件。
-
Print − 使用网页打印图表。
-
External data − 支持从服务器动态加载数据。使用回调函数控制数据。
-
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 。