将googleVis$chart对象嵌入托管站点(blogger/dropbox/Wordpress/或其他)的最简单方法?
我最近一直在玩googleVis软件包,我能够制作运动图表,但是有谁知道一个教程可以指导人们如何将源代码发布到托管博客上,例如blogger、wordpress,并嵌入运动图表 首先,假设我已经使用googleVis中的打印功能生成了下面的代码块:将googleVis$chart对象嵌入托管站点(blogger/dropbox/Wordpress/或其他)的最简单方法?,r,blogger,R,Blogger,我最近一直在玩googleVis软件包,我能够制作运动图表,但是有谁知道一个教程可以指导人们如何将源代码发布到托管博客上,例如blogger、wordpress,并嵌入运动图表 首先,假设我已经使用googleVis中的打印功能生成了下面的代码块: <!-- MotionChart generated in R 2.15.2 by googleVis 0.3.3 package --> <!-- Tue Dec 04 12:39:01 2012 --> <!-- j
<!-- 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代码的经验,所以我想知道我是不是运气不好