`
longgangbai
  • 浏览: 7331272 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Google Chart API

阅读更多

Google公布了制图服务(Google Chart)的接口,可以用来为统计数据自动生成图片。

这项服务用起来相当简单,不用安装任何软件,只使用浏览器就可以。比如,在浏览器的地址栏中,键入如下的地址:

http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World

就可以看到下面的图片:

目前,Google Chart一共提供五种图,分别是折线图(line charts)、条状图(bar charts)、饼图(pie charts)、Venn图(venn diagrams)和散点图(scatter plots)。

 

下面,我根据说明文档,简单介绍一下,如何生成最常见的条状图和饼图。

条状图

下面这张表是各大洲最高峰一览表。

山峰 高度(单位:米)
珠穆朗玛峰(亚洲) 8848
乞力马扎罗山(非洲) 5895
厄尔布鲁士山(欧洲) 5642
麦金利山(北美) 6194
阿空加瓜山(南美) 6960
查亚山(大洋洲) 5029
文森山(南极洲) 5140

根据上表,可以生成下面的条状图:

使用的网址是:

虽然这个网址看起来很复杂,但实际上很容易编写,请跟着我一项项分解:

1. http://chart.apis.google.com/chart?

这部分是google图表服务的网址,所有生成的图表都必须使用这个网址。

“?”后面跟的是参数,格式是“参数名=参数值”。不同的参数之间用“&”分割,次序无所谓。

2. chs=250x250

这一项表示图片的面积,宽x长,单位是像素。

面积最大不能超过30万像素,长和宽最大不超过1000像素。比如,如果上图放大一倍,可以使用chs=500x500

3. chd=t:88.48,58.95,56.42,61.94,69.60,50.29,51.40

这一项“chd=t:”表示图表所用的数据集,最小的值是0.0,最大的值是100.0。

因此,山峰的高度必须改写为88.48、58.95、56.42、61.94、69.60、50.29、51.40,数据与数据之间用逗号分割。

4. cht=bvs

这一项表示所使用的图表类型,bvs表示“竖直条形图”,bhs表示“水平条形图”,lc表示折线图。

5. chco=ff0000

这一项表示条块的颜色,ff0000表示红色。如果想生成蓝色条块,就使用0000ff

6. chf=c,s,76A4FB|bg,s,FFF2CC

这一项表示填充色,其中又分为两个部分。

"c,s,76A4FB"表示内容部分(c)用蓝色(76A4FB)填充,“bg,s,FFF2CC”表示背景色(bg)用淡黄色(FFF2CC)填充。它们之间用竖线“|”分割。

7. chxt=x,y

这一项表示坐标轴采用底部的x轴和左边的y轴。

8. chxl=0:|Asia|Afri|Euro|AmeN|AmeS|Ocea|Anta|1:|0|5km|10km

这一项表示坐标轴的刻度。

由于只能使用英语,所以x轴的刻度是各大洲的英语缩写,用“0:”开头,y轴的刻度是5千米和1万米,用“1:”开头,所有数据之间用竖线分割。

饼图

下面再举一个饼图的例子。

假定某商场上半年各月份的销售额占总销售额的比例,依次为19%、21%、14%、16%、15%和15%。那么画成饼图,就是下面的样子:

使用的网址是:

与上面的条状图相比,只有两个地方需要说明。

1. cht=p3

这一项表示图片类型为三维饼图,如果使用二维饼图,这一项要改为“cht=p”。

2. chl=Jan|Feb|Mar|Apr|May|June

这一项表示为饼图中每一项数据加上图例。

更多的选项和如何使用多个数据集,请参考Google Chart的说明文档

(完)

分享到:
评论

相关推荐

    如何利用Google chart API产生二维码

    Google Chart API 是一个强大的工具,能够帮助开发者轻松创建包括二维码在内的各种图表。本文将深入讲解如何利用Google Chart API来生成二维码,并结合前端技术实现用户交互。 首先,让我们了解什么是Google Chart ...

    asp.net 使用google chart api

    在本项目中,我们将探讨如何利用Google Chart API在ASP.NET环境中创建柱状图,同时结合jQuery来处理前端用户界面,并从SQL Server数据库中获取和格式化数据为JSON格式。 **Google Chart API** 是Google提供的一项...

    Google_Chart_API_开发指南.pdf

    ### Google Chart API 开发指南知识点概述 #### 一、引言 Google Chart API 是一款功能强大的工具,允许开发者通过简单的 URL 请求动态生成各种类型的图表。这些图表可以嵌入到网页中,为用户提供直观的数据可视化...

    Google_Chart_开发指南中文版

    Google Chart API是一种功能强大的在线图表生成工具,它允许用户通过简单的URL请求,轻松创建各种类型的图表,包括但不限于折线图、柱状图、饼图、维恩图和散点图等。这一API的使用非常简便,开发者只需要按照特定的...

    m2googlechart:演示从 Matlab 访问 Java 类以生成 Google Chart API 图。-matlab开发

    一个脚本 m 文件和一个 Java 类,用于为 Google Chart API 生成 Matlab 数据的线图。 还包含一个函数 m 文件,可用于在纯 Matlab 中为 Google Chart API 加密数据。

    matlab开发-m2googlechart

    在MATLAB中,`m2googlechart`是一个用于创建并展示谷歌图表(Google Charts)的工具,它允许用户通过MATLAB代码生成Java类,进而利用谷歌图表API进行数据可视化。这个工具对于那些需要在MATLAB环境中进行数据分析和...

    Google Chart 二次开发者指南

    Google Chart API是Google提供的一个服务,允许开发者动态生成图表。通过API,用户可以创建各种类型的图表,包括折线图、柱状图、饼图、维恩图和散点图等,还可以调整图表的尺寸、颜色和图例等。Google Chart API...

    Google Chart 不需要联网

    标题“Google Chart 不需要联网”可能意味着在特定情况下或通过特定方法,我们可以使用Google图表API创建图表,即使没有网络连接也能实现。这通常涉及到离线使用Google图表库或者提前下载必要的资源。接下来,我们将...

    phpgc:这是Google Chart API包装器类

    这实际上是作为Google Chart API的包装。 使用此phpgc,您可以轻松地将数据可视化到Web应用程序中。 安装 在您的composer.json文件中写入"sohelrana820/phpgc": "dev-master"以进行安装。 如果要手动安装,则下载此...

    PHP绘制各种统计图 + Google Charts API

    GoogChart是一个PHP开源的Google Charts API,它能让你能够以更简便和更灵活的方式制作Chart图表。 PHP绘制各种统计图 支持饼状统计图, 柱形统计图,和折线统计图的绘制 支持2D和3D2两种绘图模式 目前使用的...

    Ext用户扩展控件---------googlechart 利用google画图

    EXTJS是一个强大的JavaScript库,它提供了丰富的用户界面组件,而Google Chart API则是一个免费的在线服务,能够生成各种类型的图表,如折线图、曲线图、柱状图、饼图以及地理地图等。 首先,我们要理解EXTJS中的...

    google Chart 本地运行 不用联网

    1. **下载核心库:** 首先,你需要从Google Chart的官方API站点下载`corechart.js`。这个文件包含了绘制图表所需的所有JavaScript代码。确保下载的是最新版本,以获取最新的特性和修复。 2. **下载CSS文件:** 同样...

    DSOCatalog:基于 GWT、Spring 和 Google Chart api 的天文图集

    目录只是一个基于 GWT、Google Chart API 和 Spring 数据的天文图集。 克隆存储库,DB 文件夹包含必须注入数据库的 mysql 转储。 在 src/main/resources/application.properties mvn 包项目中配置数据库访问设置。 ...

    GChart:Google Chart APIPHP库-开源

    GChart是Google Chart APIPHP库。 Google Chart API可让您动态生成图表。 但是,使用起来并不方便。 GChart使您可以更轻松地在PHP页面中插入Google Chart。

    Api-google-chart.zip

    Api-google-chart.zip,google图表api web组件google图表,一个api可以被认为是多个软件设备之间通信的指导手册。例如,api可用于web应用程序之间的数据库通信。通过提取实现并将数据放弃到对象中,api简化了编程。

    Google开放API生成二维码/php生成二维码

    首先,让我们了解Google开放的Chart API。Google Chart API允许开发者生成多种图表,包括二维码。其二维码生成URL的基本格式如下: ``` https://chart.googleapis.com/chart?chs=尺寸&cht=qr&chl=内容&choe=UTF-8 `...

    本示例实现前端产生 QR Code 二维条形码 和三维Pie 饼状图

    2. **Google Chart API中的Pie Chart**:Google Chart API提供了丰富的饼状图类型,包括普通饼图和3D饼图。3D饼图通过视觉上的立体效果增强图表的视觉吸引力。 3. **创建步骤**: - 在`drawCharts`函数中,创建`...

    spri-chart:使用Google Chart API的Wordpress插件在帖子上绘制图形

    解压缩spri-chart-master文件夹并将其重命名为spri-chart 。 将spri-chart移到您的WordPress插件文件夹中。 通常这是~/www/wp/wp-content/plugins/ 。如何使用图表上传 转到管理菜单,然后单击插件页面。 单击Add ...

    google 图表(chart)

    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); // 配置选项 var options = { title: '我的图表', width: 600, height: 400 }; // 绘制图表 chart.draw(data, ...

    EE11 Charts.docx

    ### Google Earth Engine (GEE) 图表功能详解 ... - `chartType`:要生成的图表类型,例如'ScatterChart'(散点图)、'LineChart'(折线图)和'ColumnChart'(柱状图)等,更多类型可参考[Google Chart API文档]...

Global site tag (gtag.js) - Google Analytics