写点什么

Google 发布 Chart API

  • 2007-12-09
  • 本文字数:758 字

    阅读完需:约 2 分钟

Google 团队宣布了 Chart API,这一版本提供了动态生成图表并嵌入到 Web 页面中的功能,Steve Crossan 这样写到:

实际上,我们最开始构建它时,是为了内部使用,我们在 Google Video Google Finance 中使用了它,我们觉得,如果能开放它让其他用户也使用的话,会是件不错的事情。

另外,这也是 Google 为自身开发人员提供“20% 自由支配时间”所获成果的一个示例!这套 API 简单易用,我们来看这个示例: http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=InfoQ|Rocks ,它创建了一个 PNG 格式的有二个饼块的三维饼图,很简单地嵌在一个 img 标签中,更复杂的饼图则是对这种方式进行逻辑扩展的结果。现在的版本支持一组相当多元化的图表类型,包括线条图条状图维恩图散点图等,还支持一些其它效果。作为一个团队在“业余”时间做出来的早期版本,这已经很不错了。

就像其文档中展示的那样,它可以非常容易地用 JavaScript 以图片方式嵌入到 html 中。

var simpleEncoding = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';<p>function simpleEncode(values,maxValue) {</p><p>var chartData = ['s:'];</p><br></br> for (var i = 0; i < values.length; i++) {<br></br> var currentValue = values[i];<br></br> if (!isNaN(currentValue) && currentValue >= 0) {<br></br> chartData.push(simpleEncoding.charAt(Math.round((simpleEncoding.length-1) * currentValue / maxValue)));<br></br> }<br></br> else {<br></br> chartData.push('_');<br></br> }<br></br> }<br></br>return chartData.join('');<br></br>}

它是一个美观、简洁但很强大的 API,使图表拥有更多有趣的可能性,其动态特性还意味着可以用它来提供(相对)实时的更新信息。查看英文原文 Google Releases Chart API

2007-12-09 00:332463
用户头像

发布了 90 篇内容, 共 13.3 次阅读, 收获喜欢 10 次。

关注

评论

发布
暂无评论
发现更多内容

过完年了, 为明年设计一个春联自动生成器, 给大家助助兴

DS小龙哥

2月月更

SSR 和前端编译,在这点上是一样的

CRMEB

【Python】这个列表TTT熟悉

謓泽

Python 2月月更

mxGraph教程-开发入门指南

No Silver Bullet

流程图 2月月更 mxGraph

从俄乌战争看区块链技术在未来国防领域的应用

CECBC

实践GoF的23种设计模式:SOLID原则

元闰子

设计模式 SOLID

NFT盲盒商城系统开发技术

薇電13242772558

NFT

权威可信 | 华为云云测通过中国电子技术标准院软件测试工具能力评价

华为云开发者联盟

软件测试 测试 华为云 测试工具 华为云云测

Pandas+Seaborn+Plotly:联手探索苹果AppStore

Peter

数据挖掘 数据分析 可视化 Kaggle

【干货】Servlet内存马加载流程分析

网络安全学海

黑客 网络安全 信息安全 渗透测试 安全漏洞

如何通过服务提升产品价值?

石云升

产品思维 体验设计 产品分析 2月月更 服务产品化

国内外好用的OKR管理工具有哪些?

爱吃小舅的鱼

设计千万级学生管理系统的考试试卷存储方案

王大胖

跨平台应用开发进阶(五) :uni-app 实现列表项左划操作

No Silver Bullet

uni-app 2月月更 左划删除

最好用的 7 款 Vue admin 后台管理系统测评 - 卡拉云

蒋川

Vue Vue 3 vue cli

梦幻联动!金蝶&华为云面向大企业发布数据库联合解决方案

华为云开发者联盟

数据库 华为云 数据管理 GaussDB(for openGauss) 金蝶

Go 语言入门很简单:Go 反射

宇宙之一粟

学生管理系统详细架构设计

Geek_8d5fe5

架构实战营

精选22个pandas实用函数

Peter

Python 数据分析 pandas

书单

林逸民

学习 读书

人大代表谈“元宇宙”:把握机遇,加速布局

CECBC

攻克MySQL—索引优化

javaadu

MySQL 面试题 索引

模块八

Only

架构师实战营 「架构实战营」

如何在 Vue 中使用 Chart.js - 手把手教你搭可视化数据图表

蒋川

Vue Vue 3

攻克MySQL-索引基础

javaadu

MySQL 面试题 索引

能源产业数字化转型:区块链如何“炼”?

CECBC

掌握这20个JS技巧,做一个不加班的前端人

华为云开发者联盟

JavaScript 数组 箭头函数 逻辑运算符 计数器对象

亿级数据量场景下,如何优化数据库分页查询方法

华为云开发者联盟

MySQL 缓存 查询 数据表 分页查询

【ELT.ZIP】OpenHarmony啃论文俱乐部——综述视角解读压缩编码

ELT.ZIP

鸿蒙 OpenHarmony 数据压缩

一次历史漏洞分析与复现的全部过程

H

网络安全

互联网产品管理课-笔记(16/100)

hackstoic

产品

Google发布Chart API_SOA_Mark Little_InfoQ精选文章