Skip to content

Instantly share code, notes, and snippets.

@cjwinchester

cjwinchester/YouTube embeds in Google Chart tooltips

Last active December 17, 2015 09:48
Show Gist options
  • Save cjwinchester/5589446 to your computer and use it in GitHub Desktop.
Save cjwinchester/5589446 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
YouTube embeds in Google Chart tooltips
<!DOCTYPE html>
<html>
<head>
<title>
Wu!
</title>
</head>
<body>
<div id="wutang_bangers" style="height:500px; width:900px;">
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.0','packages':['corechart']}]}"></script>
<script type="text/javascript">
google.setOnLoadCallback(drawChart);
function drawChart() {
var dataTable = new google.visualization.DataTable();
dataTable.addColumn('string', 'Album');
dataTable.addColumn('number', 'Goodness');
dataTable.addColumn({type: 'string', role: 'tooltip', p: {html:true}});
dataTable.addRows([
['Enter the Wu-Tang (36 Chambers)', 5, '<iframe width="420" height="315" src="http://www.youtube.com/embed/WrsfJHLx5YA" frameborder="0" allowfullscreen></iframe>'],
['Wu-Tang Forever', 3, '<iframe width="420" height="315" src="http://www.youtube.com/embed/xj8vPw3UbNw" frameborder="0" allowfullscreen></iframe>'],
['The W', 4, '<iframe width="560" height="315" src="http://www.youtube.com/embed/S2S0zu3M0rY" frameborder="0" allowfullscreen></iframe>'],
['Iron Flag', 1, '<iframe width="420" height="315" src="http://www.youtube.com/embed/IV2C21PzYuY" frameborder="0" allowfullscreen></iframe>'],
['8 Diagrams', 0.5, '<iframe width="560" height="315" src="http://www.youtube.com/embed/6pmT2EEXdKM" frameborder="0" allowfullscreen></iframe>']
]);
var options = {
tooltip: {isHtml: true},
colors: ["#821122"],
chartArea: {top:20, left:40}
};
var chart = new google.visualization.ColumnChart(document.getElementById('wutang_bangers'));
chart.draw(dataTable, options);
}
</script>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment