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（水果，“水果”，“年”）

cat（createGoogleGadget（M））＃＆lt; - 来自googleVis的功能

您在createGoogleGadget中看到的内容是博客所需的内容。因此，将输出复制到一个文件中，比如myMotionChart.xml，然后将其上传到网上，例如Google文档或您的公共Dropbox文件夹。以下是googleVis包中的一个示例： http://google-motion-charts-with-r.googlecode.com/svn/trunk/inst/gadgets/motionchart.xml

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

完成工作。

我希望这会有所帮助。

此致

马库斯

R + googlevis - 在博客上嵌入问题

1 个答案: