红帽白皮书新鲜出炉!点击获取,让你的云战略更胜一筹! 了解详情
写点什么

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:332377
用户头像

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

关注

评论

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

【牛客刷题-算法】NC22 合并两个有序的数组

清风莫追

算法 数组 10月月更

2022-10-04:以下go语言代码输出什么?A:{123} main.T{x:123} B:{123} T{x:123} C:boo boo D:boo main.T{x:123}。 packag

福大大架构师每日一题

golang 福大大 选择题

微服务通信

穿过生命散发芬芳

微服务 10月月更

JDK源码对你最有触动的是哪一段#HashMap

琦彦

Java hashmap 10月月更

说说Vue响应式系统中的Watcher和Dep的关系-面试进阶

bb_xiaxia1998

Vue

说说你对Vue的keep-alive的理解

bb_xiaxia1998

Vue

黄山归来不看岳:《Java开发手册(黄山版)》新增 11 条规约

琦彦

Java Java开发手册 10月月更

令人头秃的js隐式转换面试题,你能做对吗

loveX001

JavaScript

Mac下vagrant从安装到体验

程序员欣宸

vagrant 虚拟机 10月月更

通过单步调试的方式学习 Angular 中 TView 和 LView 的概念

Jerry Wang

typescript 前端开发 angular 10月月更 前端开发web开发

手写JS函数的call、apply、bind

helloworld1024fd

JavaScript

JDK源码对你最有触动的是哪一段#集合

琦彦

Java 集合 10月月更

书单推荐|宅家不动过国庆,好书相伴不寂寞

图灵社区

书单 国庆节

面试官:React怎么做性能优化

beifeng1996

React

Fiddler(二) - 使用Fiddler做抓包分析

No Silver Bullet

fiddler 抓包分析 10月月更

【一Go到底】第五天---指针

指剑

Go golang 10月月更

Fiddler(一) - Fiddler简介

No Silver Bullet

fiddler 10月月更 抓包工具

手写节流防抖函数

helloworld1024fd

JavaScript

面向对象究竟是什么鬼?该如何理解?

乌龟哥哥

10月月更

经常会采坑的javascript原型应试题

loveX001

JavaScript

React-Hooks怎样封装防抖和节流-面试真题

beifeng1996

React

什么是 Python 垃圾回收机制中的引用计数

宇宙之一粟

Python 垃圾回收机制 引用计数 10月月更

老生常谈React的diff算法原理-面试版

beifeng1996

React

Collections之Arraylist源码解读(五)

知识浅谈

ArrayList 10月月更

【牛客刷题-算法】NC25 删除有序链表中重复的元素-I

清风莫追

算法 链表 10月月更

80%的前端开发都答不上来的js异步面试题

loveX001

JavaScript

假如面试官要你手写一个promise

helloworld1024fd

JavaScript

Vue是怎样监听数组的变化的?

bb_xiaxia1998

Vue

【牛客刷题-算法】NC16 对称的二叉树

清风莫追

算法 二叉树 10月月更

基于IDE和dlv远程调试Kubernetes组件

琦彦

Go Kubernetes 调试 10月月更 delve

网络请求模块(2)

张立梵

Python. 爬虫必备知识讲解 10月月更

Google发布Chart API_SOA_Mark Little_InfoQ精选文章