BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Google发布Chart API

| 作者 Mark Little 关注 12 他的粉丝 ,译者 张海龙 关注 0 他的粉丝 发布于 2007年12月10日. 估计阅读时间: 3 分钟 | 如何结合区块链技术,帮助企业降本增效?让我们深度了解几个成功的案例。
Google团队宣布了Chart API,这一版本提供了动态生成图表并嵌入到Web页面中的功能,Steve Crossan这样写到:
实际上,我们最开始构建它时,是为了内部使用,我们在Google VideoGoogle 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';

function simpleEncode(values,maxValue) {

var chartData = ['s:'];
for (var i = 0; i < values.length; i++) {
var currentValue = values[i];
if (!isNaN(currentValue) && currentValue >= 0) {
chartData.push(simpleEncoding.charAt(Math.round((simpleEncoding.length-1) * currentValue / maxValue)));
}
else {
chartData.push('_');
}
}
return chartData.join('');
}
它是一个美观、简洁但很强大的API,使图表拥有更多有趣的可能性,其动态特性还意味着可以用它来提供(相对)实时的更新信息。

查看英文原文Google Releases Chart API

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

这个跟JFreeChart相比又有什么优势呢? by zhou zhibin

如果图形在服务器生成,对服务器cpu是个很大负担

Re: 这个跟JFreeChart相比又有什么优势呢? by Guo Xiaogang

对Google的服务器是个负担:)
还能帮你的服务器省点带宽。

万一哪天google对这个API不提供服务了 by odin cn

万一哪天google对这个API不提供服务了,使用它的代码不是挂了?

Re: 万一哪天google对这个API不提供服务了 by @1sters! IceskYsl

前些日子,技能云的用户说希望把自己的技能做成图片,可以用来签名,但是一直没找到合适的解决方案;
昨天晚上看到这个文章的介绍,参考了下其文档,给‘技能云’添加了一种widget的显示方式( 效果:www.itechtag.com/widget/index)
可以第一次生成后本地保存,以后有改动的时候做更新,这样可以节省双方的资源。

Re: 万一哪天google对这个API不提供服务了 by zhang hailong

以前见过有用javascript写的chart生成器,因为在本地生成,所以生成和显示速度快,只是数据刷新方面需要Ajax或其它一些方案进行配合,不过从美观程度和方便性上来讲,Google的这个chart API给人眼前一亮,感觉不错!

Re: 这个跟JFreeChart相比又有什么优势呢? by chang tommy

JFreeChart现在的文档要收费了,这点Google是有优势的.

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

6 讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT