Javascript 从谷歌组织结构图发送电子邮件链接

我正在使用谷歌图表为我工作的公司创建一个组织结构图。我们想让它温和的互动，我希望能够有一个工具提示出现一旦用户选择一个人。此工具提示将包含一个链接，用于直接向所选人员发送电子邮件

function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Name');
    data.addColumn('string', 'Manager');

    // For each orgchart box, provide the name, manager, and tooltip to show.
    data.addRows([
      [{v:'Mary', f:'FirstName LastName<div style="color:#7dbcf1; font-style:italic; font-size:11px;">Sr. V.P. & C.F.O.</div>'},
       ''],
      [{v:'Lois', f:'FirstName LastName<div style="color:#7dbcf1; font-style:italic; font-size:11px;">Admin/Tech Asst.</div>'},
       'Mary'],
      [{v:'Steven', f:'FirstName LastName<div style="color:#7dbcf1; font-style:italic; font-size:11px;">V.P., Controller & Asst. Treasurer'}, 'Lois'],
      [{v:'Pamela', f:'FirstName LastName<div style="color:#7dbcf1; font-style:italic; font-size:11px;">Gen. Accounting Supv.'}, 'Steven'],
      [{v:'Linda', f:'FirstName LastName<div style="color:#7dbcf1; font-style:italic; font-size:11px;">Financial Assistant'}, 'Steven'],
      [{v:'Natalie', f:'FirstName LastName<div style="color:#7dbcf1; font-style:italic; font-size:11px;">Sr. Accounting Supv.'}, 'Steven'],
      [{v:'Doris', f:'FirstName LastName<div style="color:#7dbcf1; font-style:italic; font-size:11px;">Accounting Supv.'}, 'Steven'],
                [{v:'Phyllis', f:'FirstName LastName<div style="color:#7dbcf1; font-style:italic; font-size:11px;">Accounting Assistant'}, 'Pamela'],
      [{v:'Connie', f:'FirstName LastName<div style="color:#7dbcf1; font-style:italic; font-size:11px;">Accts. Receivable Clerk'}, 'Pamela'],
      [{v:'Betty', f:'FirstName LastName<div style="color:#7dbcf1; font-style:italic; font-size:11px;">Staff Accountant'}, 'Natalie'],
      [{v:'Williene', f:'FirstName LastName<div style="color:#7dbcf1; font-style:italic; font-size:11px;">Accts. Payable Clerk'}, 'Natalie'],
    ]);

    //Set Chart options
    var options = {'allowHtml': true,
                                'size':'medium',
                  'nodeClass':'orgNode',
                  'selectedNodeClass':'orgNodeSelect',
                  tooltip: {trigger: 'selection'}};


    // Create the chart.
    var chart = new google.visualization.OrgChart(document.getElementById('chart_div'));

    // Set Action
    /*chart.setAction({
            id: 'emailSelect',
        text: 'Send email'
    });*/

    // Draw the chart, setting the options
    chart.draw(data, options);
  }

函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'string'，'Manager'）；
//对于每个orgchart框，提供要显示的名称、管理器和工具提示。
data.addRows([
[{v:'Mary'，f:'FirstName lastnamersr.v.P.&C.f.O.}，
''],
[{v:'Lois'，f:'FirstName LASTNAME ADMIN/技术助理。}，
“玛丽”]，
[{v:'Steven'，f:'FirstName LastName v.P.，财务总监兼助理司库'}，'Lois']，
[{v:'Pamela'，f:'FirstName LastNameGen.Accounting Supv.}，'Steven']，
[{v:'Linda'，f:'FirstName lastname财务助理'}，'Steven']，
[{v:'Natalie'，f:'FirstName lastnamser.Accounting Supv.}，'Steven']，
[{v:'Doris'，f:'FirstName lastnamaccounting Supv.}，'Steven']，
[{v:'Phyllis'，f:'FirstName LastName会计助理'}，'Pamela']，
[{v:'Connie'，f:'FirstName lastnamacts.received Clerk'}，'Pamela']，
[{v:'Betty'，f:'FirstName LastNameStaff accounter'}，'Natalie']，
[{v:'Williene'，f:'FirstName lastnamacts.paid Clerk'}，'Natalie']，
]);
//设置图表选项
var options={'allowtml'：true，
“大小”：“中等”，
'nodeClass'：'orgNode'，
'selectedNodeClass'：'orgNodeSelect'，
工具提示：{触发器：'选择'}}；
//创建图表。
var chart=new google.visualization.OrgChart（document.getElementById（'chart_div'））；
//采取行动
/*chart.setAction({
id:“emailSelect”，
文本：“发送电子邮件”
});*/
//绘制图表，设置选项
图表绘制（数据、选项）；
}

下面是我现在拥有的代码的一部分。为了创建工具提示和电子邮件链接，我不完全确定从这里到哪里去

现在，假设我们没有使用数据库，因为图表会很小

还有，旁注。是否有办法从会计Supv创建虚线。给职员会计？保持从高级会计主管到职员会计的线路完整，即

---

谢谢你的帮助

使用中提到的标准工具提示时出现问题

它不支持html或其他图表提供的其他选项

    tooltip: {
      isHtml: true,
      trigger: 'selection'
    }

因此，工具提示将无法显示链接，
或者可靠地保持可见足够长的时间，以点击它

检查以下工作片段，请参阅Mary或Lois

google.charts.load（'current'{
回调：图纸，
软件包：['orgchart']
});
函数绘图图（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Name'）；
data.addColumn（'string'，'Manager'）；
data.addColumn（'string'，'Tooltip'）；
//对于每个orgchart框，提供要显示的名称、管理器和工具提示。
data.addRows([
[{v:'Mary'，f:'MarySr.v.P.&C.f.O.}，
'', ''],
[{v:'Lois'，f:'LoisAdmin/技术助理。}，
“玛丽”，“玛丽”，
[{v:'Steven'，f:'Name NameV.P.，Controller&Asst.treaser'}，'Lois'，null]，
[{v:'Pamela'，f:'Name NameGen.Accounting Supv.}，'Steven'，null]，
[{v:'Linda'，f:'Name Name财务助理'}，'Steven'，null]，
[{v:'Natalie'，f:'Name namer.Accounting Supv.}，'Steven'，null]，
[{v:'Doris'，f:'Name-Name-accounting-Supv.}，'Steven'，null]，
[{v:'Phyllis'，f:'Name会计助理'}，'Pamela'，null]，
[{v:'Connie'，f:'Name-NameAccts.Received-Clerk'}，'Pamela'，null]，
[{v:'Betty'，f:'Name NameStaff accountary'}，'Natalie'，空]，
[{v:'Williene'，f:'Name NameAccts.Payment Clerk'}，'Natalie'，null]，
]);
//设置图表选项
var options={'allowtml'：true，
尺寸：'中等'，
节点类：“orgNode”，
selectedNodeClass:“orgNodeSelect”，
工具提示：{
伊什特尔：没错，
触发器：“选择”
}
};
//创建图表。
var chart=new google.visualization.OrgChart（document.getElementById（'chart_div'））；
//绘制图表，设置选项
图表绘制（数据、选项）；
}

.orgNode{
背景色：#fff；
边框：1px实心#285580；
边界半径：3px；
}
.orgNodeSelect{
背景色：#E5F1FC；
边框：1px实心#285580；
边界半径：3px；
}

希望这能有所帮助，如果您不想在单击链接时选择节点--请参阅中的代码段--我注意到有人试图使用操作，但被注释掉了，假设这也不起作用？我可以检查是否不确定…我试图使用类似于谷歌指南显示的动作。不幸的是，OrgChart没有一个for

setAction

。。。