Javascript 谷歌图表与模态实现

点击饼图的一部分，在bootstrap、JavaScript、jQuery或任何语言中打开一个模式。 这是我的密码

load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“任务”，“每天工作小时数”]，
[Work'，11]，
[Eat'，2]，
[‘通勤’，2]，
[“看电视”，2]，
[Sleep'，7]
]);
变量选项={
标题：“我的日常活动”
};
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
图表绘制（数据、选项）；
}

从谷歌图表中，您必须向图表中添加列表。在您的特定情况下，您需要处理select事件。网站上提供了示例代码。下面是文档中的代码

google.charts.load（'current'{
“包”：[“核心图表”]
});
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[“任务”，“每天工作小时数”]，
[Work'，11]，
[Eat'，2]，
[‘通勤’，2]，
[“看电视”，2]，
[Sleep'，7]
]);
变量选项={
标题：“我的日常活动”
};
//选择处理程序。调用图表的getSelection（）方法
函数selectHandler（）{
var selectedItem=chart.getSelection（）[0]；
如果（选择编辑项）{
var task=data.getValue（selectedItem.row，0）；
警报（“用户选择的”+任务）；
}
}
var chart=new google.visualization.PieChart（document.getElementById（'PieChart'）；
//侦听“select”事件，并在需要时调用我的函数selectHandler（）
//用户在图表上选择一些内容。
google.visualization.events.addListener（图表'select'，selectHandler）；
图表绘制（数据、选项）；
}

你的问题是什么？你试过什么？我可以看到一个图表，但与模式或单击事件无关。我想在单击饼图的一部分时打开一个模式。我没有找到任何解决方案。有什么方法可以做到这一点@Rorymcrossani有4片饼图如何为不同的部分实现不同的模式