2011-08-15 14 views
1

私はブログにgooglevisモーションチャートを埋め込もうとしていますが、いくつか問題があります。私はtakahashik.blogspot.com/2011/01/googlevis-example.htmlとEmbedding googleVis charts into a web siteの指示に従っていますが、自分のコードをコピーして使用すると、ブログのチャートを表示できないようです。しかし、私はtakahashikブログからコードをコピーするときに動作します!そのブログで使用されているデータからモーションチャートを作成しても、埋め込むことはできません。R + googlevis - ブロガーへの埋め込み問題

ローカルウェブセーバーと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

+0

ブロガーのプラットフォームは、他のJavaScriptを実行することができますしていますか? – djq

答えて

1

ブロガーでgoogleVisの出力を使用するには、まずGoogleガジェットを作成する必要があります。 - 機能

ライブラリ(googleVis)

M = gvisMotionChart(フルーツ、 "果物"、 "年")

猫(createGoogleGadget(M))#<: だからここは一例ですfrom googleVis

あなたがcreateGoogleGadgetから見るコンテンツは、ブロガーにとって必要なものです。 したがって、出力をファイルmyMotionChart.xmlにコピーし、Webのどこかにアップロードします。 Google Docsまたはあなたの公開Dropboxフォルダ。 http://google-motion-charts-with-r.googlecode.com/svn/trunk/inst/gadgets/motionchart.xml

は今、あなたはブロガーに戻って、あなたがガジェットラベルされたエリアがありますデザイン]タブに移動できます。 はここgoogleVisパッケージから一例です。 [Add your Gadget]をクリックし、[Add your own]をクリックしてガジェットのリンクに貼り付けます。

ジョブが完了しました。

こちらがお役に立てば幸いです。

よろしく、

マルクス

+0

ありがとうMarkus - これは大規模に役立ちます –

関連する問題