The OrgCharts don't support adding a chart title, so you have to add it to
your HTML:
<span>IT Department Org Chart</span>
<div id='chart_div'></div>
On Monday, February 24, 2014 7:33:23 AM UTC-5, John Brines wrote:
>
> 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.
