2011-08-15 49 views
1

我试图嵌入到博客上googlevis动态图表,但我有一些问题。我一直在遵循takahashik.blogspot.com/2011/01/googlevis-example.html和Embedding googleVis charts into a web site的说明,但似乎无法在博客上查看图表时我复制我自己的代码并使用。但是,当我从takahashik博客的代码复制它的作品!即使我从该博客中使用的数据重新创建运动图,我仍然无法将其嵌入。R + googlevis - 问题上嵌入博客

我可以查看使用本地websever和R.rsp包的输出,但我真的很挣扎与此走得更远,实际上把动态图表的博客。我是很新的这一点,可能失去了一些东西真的很明显,所以如果有人有将不胜感激

非常感谢

这里的任何建议是(缩短)的代码我试图把上博主:

<script type="text/javascript" src="http://www.google.com/jsapi"> 
</script> 
<script type="text/javascript"> 
google.load("visualization", "1", { packages:["motionchart"] }); 
google.setOnLoadCallback(drawChart); 
function drawChart() { 
var data = new google.visualization.DataTable(); 
var datajson = [ 
[ 
"Adam/Gemma", 
new Date(2010,4,25), 
0, 
0, 
0 
], 
[ 
"Adam/Gemma", 
new Date(2010,5,3), 
1, 
0,  
0 
], 
[ 
"Adam/Gemma", 
new Date(2010,5,10), 
2, 
102, 
102 
], 
[ 
"Adam/Gemma", 
new Date(2010,5,17), 
3, 
195, 
93 
], 
[ 
"Adam/Gemma", 
new Date(2010,5,24), 
5, 
300, 
105 
], 
[ 
"Adam/Gemma", 
new Date(2010,6,15), 
7, 
640, 
340 
], 
[ 
"Adam/Gemma", 
new Date(2010,6,22), 
8, 
700, 
60 
], 
[ 
"Adam/Gemma", 
new Date(2010,6,29), 
9, 
800, 
100 
], 
[ 
"Adam/Gemma", 
new Date(2010,7,5), 
10, 
null, 
null 
], 
[ 
"Adam/Gemma", 
new Date(2010,7,12), 
11, 
1200, 
null 
]............... 
................ 
............. 
]; 
data.addColumn('string','Name'); 
data.addColumn('date','datenew'); 
data.addColumn('number','Week'); 
data.addColumn('number','Height'); 
data.addColumn('number','Growth'); 
data.addRows(datajson); 
var chart = new google.visualization.MotionChart(
    document.getElementById('MotionChart_2011-08-15-10-30-18') 
); 
var options ={}; 
options["width"] = 600; 
options["height"] = 500; 
chart.draw(data,options); 
} 
</script> 
<div id="MotionChart_2011-08-15-10-30-18" style="width: 600px; height: 500px;"> 
</div> 

数据:向日葵,图表ID:MotionChart_2011-08-15-10-30-18
ř版本2.11.1(2010-05-31), Google Terms of Use

+0

请问博客平台,您能够运行其他JavaScript? – djq

回答

1

要使用Blogger的googleVis输出,你必须先创建一个谷歌小工具。 所以这里有一个例子:

库(googleVis)

M = gvisMotionChart(水果, “水果”, “年”)

猫(createGoogleGadget(M))#< - 功能from googleVis

您从createGoogleGadget看到的内容是博客所需的内容。 因此,将输出复制到一个文件中,比如说myMotionChart.xml,然后将它上传到网络的某处,例如, Google文档或您的公共收件箱文件夹。 下面是从googleVis包一个例子: http://google-motion-charts-with-r.googlecode.com/svn/trunk/inst/gadgets/motionchart.xml

现在你可以回去博客并导航到设计选项卡,在这里你会发现标有小工具的区域。点击“添加小工具”,然后点击“添加您自己的”并粘贴到小工具链接中。

工作完成。

我希望这会有所帮助。

问候,

马库斯

+0

感谢马库斯 - 帮助大量 –