Imagen en celda de tabla en javascript gráficos de google

Hola, estoy realizando una gráfica con el servicio de Google para desarrollar Gráficos y me gustaría poner imágenes hipervinculadas en una serie de celdas.

Os dejo el código:

<script type="text/javascript">
google.setOnLoadCallback(drawChart);

function drawChart() {
var container = document.getElementById('example5.4');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'Role' });
dataTable.addColumn({ type: 'string', id: 'Name' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'End' });

dataTable.addRows([
[ 'Temporada', 'Fruta 1',new Date(2014,5, 15),new Date(2014,7, 15) ],
[ 'Temporada', 'Fruta 2',new Date(2014,5, 15),new Date(2014,7, 15) ],
[ 'Temporada', 'Fruta 3', new Date(2014, 8, 15), new Date(2014, 9, 15) ]]);


chart.draw(dataTable, options);
}


</script>

<div id="example5.4" style="width: 1024px; height: 768px;"></div>


Me gustaría añadir otra columna más al principio para ir poniendo las imágenes de las frutas y que cuando hagas clic en la miniatura se abra un pop up con la imágen en grande de la fruta.
Alguien puede ayudarme? Es para una web que me estoy currando en wordpress mirad como me esta quedando el gráfico. Espero que podáis echarme una mano.

Enhorabuena por el foro.

http://nogalfruits.eu/calendario

Un saludo.