私は最近 googleVis パッケージをいじっていて、モーション チャートを作成することができましたが、ソース コードをホストされたブログ (ブロガー、ワードプレスなど) に投稿する方法を説明できるチュートリアルを知っている人はいますか?モーションチャートが埋め込まれていますか?
まず、以下のコード ブロックがあると仮定します (googleVis の print() 関数を使用して作成):
<!-- MotionChart generated in R 2.15.2 by googleVis 0.3.3 package -->
<!-- Tue Dec 04 12:39:01 2012 -->
<!-- jsHeader -->
<script type="text/javascript" src="http://www.google.com/jsapi">
</script>
<script type="text/javascript">
// jsData
function gvisDataMotionChartIDb88676415c3 ()
{
var data = new google.visualization.DataTable();
var datajson =
[
[
"Apples",
2008,
"West",
98,
78,
20,
"2008-12-31"
],
[
"Apples",
2009,
"West",
111,
79,
32,
"2009-12-31"
],
[
"Apples",
2010,
"West",
89,
76,
13,
"2010-12-31"
],
[
"Oranges",
2008,
"East",
96,
81,
15,
"2008-12-31"
],
[
"Bananas",
2008,
"East",
85,
76,
9,
"2008-12-31"
],
[
"Oranges",
2009,
"East",
93,
80,
13,
"2009-12-31"
],
[
"Bananas",
2009,
"East",
94,
78,
16,
"2009-12-31"
],
[
"Oranges",
2010,
"East",
98,
91,
7,
"2010-12-31"
],
[
"Bananas",
2010,
"East",
81,
71,
10,
"2010-12-31"
]
];
data.addColumn('string','Fruit');
data.addColumn('number','Year');
data.addColumn('string','Location');
data.addColumn('number','Sales');
data.addColumn('number','Expenses');
data.addColumn('number','Profit');
data.addColumn('string','Date');
data.addRows(datajson);
return(data);
}
// jsDrawChart
function drawChartMotionChartIDb88676415c3() {
var data = gvisDataMotionChartIDb88676415c3();
var options = {};
options["width"] = 600;
options["height"] = 500;
var chart = new google.visualization.MotionChart(
document.getElementById('MotionChartIDb88676415c3')
);
chart.draw(data,options);
}
// jsDisplayChart
function displayChartMotionChartIDb88676415c3()
{
google.load("visualization", "1", { packages:["motionchart"] });
google.setOnLoadCallback(drawChartMotionChartIDb88676415c3);
}
// jsChart
displayChartMotionChartIDb88676415c3()
<!-- jsFooter -->
//-->
</script>
<!-- divChart -->
<div id="MotionChartIDb88676415c3"
style="width: 600px; height: 500px;">
</div>
このグラフをホストされたブログに実際に埋め込むにはどうすればよいですか? HTML へのカット アンド ペーストを試みましたが、うまくいきませんでした。私は html または Java コードを作成した経験がまったくないので、運が悪いだけなのだろうかと思っています。