R + googlevis - 嵌入博客的问题

Question

我正在尝试将 googlevis 动态图表嵌入到博客中，但遇到了一些问题。我一直按照 takahashik.blogspot.com/2011/01/googlevis-example.html 和 Embedding googleVis charts into a web site 的说明进行操作，但是当我复制自己的代码并使用 .但是，当我从 takahashik 博客复制代码时，它可以工作！即使我根据该博客中使用的数据重新创建动态图表，我仍然无法将其嵌入。

我可以使用本地 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
R 版本 2.11.1 (2010-05-31), Google Terms of Use

Answer 1

要在博客中使用 googleVis 输出，您必须先创建一个 Google 小工具。 所以这里是一个例子：

库（googleVis）

M=gvisMotionChart(Fruits,"Fruit", "Year")

cat(createGoogleGadget(M)) #

您从 createGoogleGadget 看到的内容是博主所需要的。 因此，将输出复制到一个文件中，例如 myMotionChart.xml，然后将其上传到网络的某个位置，例如Google 文档或您的公共保管箱文件夹。 这是 googleVis 包中的一个示例： http://google-motion-charts-with-r.googlecode.com/svn/trunk/inst/gadgets/motionchart.xml

现在您可以返回 Blogger 并导航到设计选项卡，您会在其中找到标有小工具的区域。点击“添加小工具”，而不是“添加您自己的”，然后将链接粘贴到您的小工具。

工作完成。

我希望这会有所帮助。

问候，

马库斯