Hi Guys,
I am new to this so please be patient :-)
I have created an Org Chart for our IT Dept and I have figured out how to
add pictures.
I thought I had figured out how to put a title on the page using
var options = {
title: "IT Deparment Org Chart"
};
But that doesn't work. Below is my HTML file contents, any help is
appreciated, I have a few other questions. I have tried to find examples of
Google Org charts so that I can look to see how things can be done i.e.
formatting Tooltips etc.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>IT Organization Diagram</title>
<script type='text/javascript'
src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {packages:['orgchart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('string', 'Manager');
data.addColumn('string', 'ToolTip');
data.addRows([
[{v:'Frank', f:'Frank<div style="color:#000080;
font-style:italic; font-weight:bold">Head of IT</div>'}, '', 'Head of IT'],
[{v:'John', f:'John<div style="color:#000080; font-style:italic;
font-weight:bold">IT Support Team Leader</div><img
src="photos/JohnBrines.jpg"></div>'}, 'Frank', 'IT Support Team Leader '],
[{v:'Mark', f:'Mark<div style="color:#000080; font-style:italic;
font-weight:bold">Buisness Development Leader</div>'}, 'Frank', 'Buisness
Development Leader'],
[{v:'Ross', f:'Ross<div style="color:#000080; font-style:italic;
font-weight:bold">Business Info Analyst</div>'}, 'Frank', 'Business Info
Analyst'],
['1st Line Team', 'John', '1st Line Team'],
['2nd Line Team', 'John', '2nd Line Team'],
[{v:'Amy', f:'Amy<div style="color:#000080; font-style:italic;
font-weight:bold">IT Support Analyst</div>'}, '1st Line Team', 'IT Support
Analyst'],
]);
var chart = new
google.visualization.OrgChart(document.getElementById('chart_div'));
chart.draw(data, {allowHtml:true});
}
</script>
</head>
<body>
<div id='chart_div'></div>
</body>
</html>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/groups/opt_out.
