我正在写一个程序,采取产生的数据通过谷歌API集,并显示在PHP。 这是完全正常的,并已经实现了,但是我想缩略图添加到其中显示同一数据集的不同的图表(以缩略图形式)的代码。
我使用谷歌API生成数据并显示它,但我不知道我怎么会得到它(目前使用派为主体的图),以改变可视化类型,从而使用户能够查看不同的可视化该数据集。
这是有问题的代码:
加载AJAX API
<script type="text/javascript" src='https://www.google.com/jsapi?autoload={"modules":[{"name":"visualization","version":"1","packages":["corechart","table"]}]}'></script>
数据:
var data = new google.visualization.DataTable();
data.addColumn('string', 'City');
data.addColumn('number', 'Number of Crimes');
data.addRows([
['Cardiff', 300],
['London', 900],
['Manchester', 500],
['Dublin', 400],
['Liverpool', 600]
]);
绘制图形:
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
这里有缩略图:
<div id="left">
<p>Bar chart</p>
<a href="#"><img src="http://donsmaps.com/clickphotos/dolnivi200x100.jpg"></img></a>
<p>Another chart</p>
<a href="#"><img src="http://donsmaps.com/clickphotos/dolnivi200x100.jpg"></img></a>
<p>Another chart</p>
<a href="#"><img src="http://donsmaps.com/clickphotos/dolnivi200x100.jpg"></img></a>
</div>
<div id="right">
<p>Scatter Chart</p>
<a href="#"><img src="http://donsmaps.com/clickphotos/dolnivi200x100.jpg"></img></a>
<p>Another chart</p>
<a href="#"><img src="http://donsmaps.com/clickphotos/dolnivi200x100.jpg"></img></a>
<p>Another chart</p>
<a href="#"><img src="http://donsmaps.com/clickphotos/dolnivi200x100.jpg"></img></a>
</div>
所以基本上,我怎么会得到google.visualization.BarChart(和其他人)到IMG SRC的缩略图?
这是甚至可能吗?
谢谢