新足迹 › 论坛 › 兴趣爱好区 › IT与科技 › IT专业论坛 › 发现一个好东西 - Google Chart Tools [更新 - Fusion C ...

精华好帖回顾
· 读晋书乱弹系列1 - 聊聊八王之乱的起源 (2010-1-29) Melbourner1978	· 对smh top 50中的公立小学year3的排名(更新在49楼) (2010-1-29) PurpleRipples
· 【格桑花厨房】蛋糕系列----特别的蛋糕，给特别的你----附详细做法 (2012-6-29) 格桑花	· 基金投资101 （2006年版） (2006-10-15) 黑山老妖

查看: 1547|回复: 20

发现一个好东西 - Google Chart Tools [更新 - Fusion Chart v3 + sample]] [复制链接]

porcorosso

金靴族

发表于 2011-6-17 13:45 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

http://code.google.com/apis/chart/interactive/docs/index.html

如果你是做BI或是Analytical的webapp，flash chart行不通就用它吧。(Iphone / Ipod / Ipad 不支持Flash...)

之前用过Google Image Chart,都还好但是太死板，这个是用SVG的，可以互动..

[ 本帖最后由 porcorosso 于 2011-6-20 11:56 编辑 ]

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？注册

评分

参与人数 6	积分 +20	收起理由
flyspirit	+ 3	感谢分享
Anihc	+ 6	感谢分享
BJ-KING	+ 2	精品文章

查看全部评分

kr2000

白金靴族

发表于 2011-6-17 14:03 |显示全部楼层

此文章由 kr2000 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 kr2000 所有！转贴必须注明作者、出处和本声明，并保持内容完整

看起来不错
是把信息发给google然后google生成chart传回来？

Dan.and.Andy

铜靴族

发表于 2011-6-17 14:05 |显示全部楼层

此文章由 Dan.and.Andy 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 Dan.and.Andy 所有！转贴必须注明作者、出处和本声明，并保持内容完整

要是再有个客户端的东西能导出到excel和pdf就好了

porcorosso

金靴族

发表于 2011-6-17 14:08 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

不是的，直接下载google的js，然后realtime browser rendering

<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Task');
data.addColumn('number', 'Hours per Day');
data.addRows(3);
data.setValue(0, 0, 'Work');
data.setValue(0, 1, 11);
data.setValue(1, 0, 'Eat');
data.setValue(1, 1, 2);
data.setValue(2, 0, 'Commute');
data.setValue(2, 1, 2);
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, {width: 450, height: 300, title: 'My Daily Activities'});
}
</script>
</head>
<body>
<div id="chart_div"></div>
</body>
</html>

复制代码

更像是google map的延伸版：dynamically create iframe and do the work inside the iframe...

[ 本帖最后由 porcorosso 于 2011-6-17 14:13 编辑 ]

评分

参与人数 2	积分 +9	收起理由
Anihc	+ 6	感谢分享
kr2000	+ 3	感谢分享

查看全部评分

porcorosso

金靴族

发表于 2011-6-17 14:10 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

Google Image Chart就是server render image as gif/jpg/png然后browser link去server， e.g.

<img src="www.google.com/imageservice?params={data to be used}"/>

复制代码

[ 本帖最后由 porcorosso 于 2011-6-17 14:13 编辑 ]

kr2000

白金靴族

发表于 2011-6-17 14:14 |显示全部楼层

回复 porcorosso 4# 帖子

此文章由 kr2000 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 kr2000 所有！转贴必须注明作者、出处和本声明，并保持内容完整

这还真的挺方便

porcorosso

金靴族

发表于 2011-6-17 14:19 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

谢谢各位，好多分，好开心

阿三来了

garysu

金靴族

发表于 2011-6-17 15:05 |显示全部楼层

此文章由 garysu 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 garysu 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 porcorosso 于 2011-6-17 14:19 发表
谢谢各位，好多分，好开心

阿三来了

明明是大妈出浴

好应用，记下了

澳洲买车入门 - 新足迹购车价格帖 - 发生事故怎么办 - 提交新车价格 - 提交二手车价格 -
保险买不足的后果

linkspeed

头像被屏蔽

禁止发言

发表于 2011-6-17 15:50 |显示全部楼层

此文章由 linkspeed 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 linkspeed 所有！转贴必须注明作者、出处和本声明，并保持内容完整

是不是以后要研究html5+javascript做游戏了。。。。

porcorosso

金靴族

发表于 2011-6-17 16:51 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 linkspeed 于 2011-6-17 15:50 发表
是不是以后要研究html5+javascript做游戏了。。。。

http://chrome.angrybirds.com/

是的。。。

lake

草鞋族

发表于 2011-6-17 17:17 |显示全部楼层

此文章由 lake 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 lake 所有！转贴必须注明作者、出处和本声明，并保持内容完整

据别人的分析， raphael可能用的人更多，相对google这个来说，可能是因为Raphael出来的早，

porcorosso

金靴族

发表于 2011-6-17 17:24 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

发现这个Tool不support 3-axis data

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？注册

Anihc

金靴族

发表于 2011-6-17 17:40 |显示全部楼层

此文章由 Anihc 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 Anihc 所有！转贴必须注明作者、出处和本声明，并保持内容完整

挺实用的

o2h2o

银靴族

发表于 2011-6-17 19:53 |显示全部楼层

此文章由 o2h2o 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 o2h2o 所有！转贴必须注明作者、出处和本声明，并保持内容完整

hehe
Have used for more than 2 years

porcorosso

金靴族

发表于 2011-6-18 10:18 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

哈哈小弟后知后觉

mouse006

皮靴族

发表于 2011-6-18 20:00 |显示全部楼层

此文章由 mouse006 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 mouse006 所有！转贴必须注明作者、出处和本声明，并保持内容完整

如果是针对JAVA应用，还不如用JFREECHART + CEWOLF,更方便，直接用TAG搞定

dcc82

铜靴族

发表于 2011-6-18 22:32 |显示全部楼层

此文章由 dcc82 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 dcc82 所有！转贴必须注明作者、出处和本声明，并保持内容完整

无论怎么比，目前来说fusionchart始终是王道，新版本直接支持html5和flash混合, 什么问题都解决了。
Google Chart没什么不好，就是太难看了，而且我个人是比较反感基于图片生成的chart，因为效果和交互性不行，而且它对fluid layout是一点办法都没有的，而如果是仅仅基于flash的，i设备又不支持
其他的像open flash chart, jqPlot, flot等等要么是基于flash,要么是纯图片，要么是太难看，或多或少都残缺一点

porcorosso

金靴族

发表于 2011-6-19 09:49 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 dcc82 于 2011-6-18 22:32 发表
目前来说fusionchart始终是王道，新版本直接支持html5和flash混合

哪版？

porcorosso

金靴族

发表于 2011-6-20 11:56 |显示全部楼层

此文章由 porcorosso 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 porcorosso 所有！转贴必须注明作者、出处和本声明，并保持内容完整

http://www.fusioncharts.com/docs ... ngCapabilities.html

<script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>
<script>FusionCharts._fallbackJSChartWhenNoFlash();</script>
<div id="chartContainer"></div>
var myChart = FusionCharts.render( {
swfUrl : "FusionCharts/Column3D.swf",
id : "myChartId",
width : "400",
height : "300",
renderAt : "chartContainer",
dataSource : "Data.xml"
}
);

复制代码

pinkdreamer

银靴族

发表于 2011-7-2 11:13 |显示全部楼层

此文章由 pinkdreamer 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 pinkdreamer 所有！转贴必须注明作者、出处和本声明，并保持内容完整

好好玩哦，等下搞一个来玩玩

典

银靴族

发表于 2011-7-4 10:27 |显示全部楼层

此文章由典原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者典所有！转贴必须注明作者、出处和本声明，并保持内容完整

关于做chart 的 js framework , 现在是比较混乱的时候，很少有人能说出来用哪个最好，看具体的应用场景了
这里有人列出14种 http://www.webdesignbooth.com/14 ... ng-a-stylish-chart/
然而这个list有点老，里边没有包含fusion，YUI Chart, Jquery SVG等

这个是讨论Raphael chart和jquery svg哪个好的，jQuery SVG vs. Raphael http://stackoverflow.com/questions/588718/jquery-svg-vs-raphael

大体上分的话，主要是SVG 和 Canvas两大类。 SVG是基于DOM，一点一线都有element的，有可能提供很好的交互功能。Canvas就是一个图片了，也能提供一些交互功能。目前来讲SVG基本上慢点

Raphael chart 已经比较成熟了，有很多酷的东西，文档Demo都齐全，适合用来快速完成一个项目

YUI Chart似乎比较年轻，最近我发现他们的Pie里有个大BUG。我喜欢YUI的代码格式，完全基于Json，用起来特方便，YUI Chart里也有些东西(比如dial) 很酷。

Jquery SVG是关于SVG的 library, 有点Chart功能但不如Raphael / YUI 强，然而，如果要想灵活/最大限度地用到SVG的其它功能(不光是chart)， Jquery SVG应该是很好的选择