R + googlevis - проблема встраивания в блоггер

Question

Я пытаюсь добавить диаграмму движения googlevis в блог, но у меня возникли некоторые проблемы. Я следовал инструкциям takahashik.blogspot.com/2011/01/googlevis-example.html и Встраивание диаграмм googleVis в веб-сайт , но не могу просмотреть диаграмму в блоге при копировании мой собственный код и использование. Однако, когда я копирую код из блога takahashik, это работает! Даже если я воссоздаю диаграмму движения на основе данных, использованных в этом блоге, я все равно не смогу ее вставить.

Я могу просмотреть вывод, используя локальный веб-сервер и пакет 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

Answer 1

Чтобы использовать вывод googleVis в блоггере, сначала необходимо создать гаджет Google. Итак, вот пример:

библиотека (googleVis)

M = gvisMotionChart (Фрукты, "Фрукты", "Год")

cat (createGoogleGadget (M)) # <- функция от googleVis </p>

Содержимое, которое вы видите в createGoogleGadget, является тем, что требуется для блоггера. Поэтому скопируйте вывод в файл, скажем, myMotionChart.xml, и загрузите его где-нибудь в Интернете, например, Документы Google или ваша общедоступная папка. Вот один пример из пакета googleVis: http://google -motion-charts-with-r.googlecode.com / SVN / багажник / мгн / гаджеты / motionchart.xml

Теперь вы можете вернуться к блоггеру и перейти на вкладку дизайна, где вы найдете область с надписью Gadget. Нажмите «Добавить гаджет», затем «Добавить свой» и вставьте ссылку на гаджет.

Работа выполнена.

Надеюсь, это поможет.

С уважением,

Markus