Google图表HTML工具提示,其中包含javascript onclick事件?
我一直在尝试在Google图表工具提示中使用图表选项Google图表HTML工具提示,其中包含javascript onclick事件?,javascript,html,google-visualization,tooltip,Javascript,Html,Google Visualization,Tooltip,我一直在尝试在Google图表工具提示中使用图表选项isHtml:true进行点击事件。到目前为止,我已经尝试了两种方法来完成这项工作,但都没有成功 1) 通过在工具提示中添加按钮来编写onclick函数。但是,每当我点击按钮时,就会出现以下错误“未捕获引用-函数未定义”。我试着在指令中几乎所有地方都放置函数,但代码似乎并没有注意到这一点 工具提示中的HTML代码: '<h5 style="padding-left:.66em;" id="export" href="#" onclick=
isHtml:true
进行点击事件。到目前为止,我已经尝试了两种方法来完成这项工作,但都没有成功
1) 通过在工具提示中添加按钮来编写onclick函数。但是,每当我点击按钮时,就会出现以下错误“未捕获引用-函数未定义”。我试着在指令中几乎所有地方都放置函数,但代码似乎并没有注意到这一点
工具提示中的HTML代码:
'<h5 style="padding-left:.66em;" id="export" href="#" onclick="exportCSV()">Export CSV</h5>
2) 在google图表中添加chart.setAction()。但这里的问题是,我在图表选项中有isHtml:True
。当我尝试使用下面的代码时,它似乎没有任何作用
chart.setAction({
id:“导出”,
文本:“导出CSV”,
行动:功能(){
selection=chart.getSelection();
控制台日志(选择);
}
});代码>
但是,当我尝试在chart.setAction中将函数action
替换为启用的时,当我单击列或条形图而不是工具提示中的导出数据按钮时,代码返回对象
我只需要在工具提示中捕获单击事件。如果有人能在这个问题上帮助我,那就太好了
谢谢 我认为您只需要在全局范围内定义exportCSV
,
请参阅下面的示例
另外,在图表选项中没有工具提示{trigger:'selection'}
,
我似乎无法在工具提示消失之前单击它。
必须单击饼图切片才能查看工具提示
google.charts.load('current'{
回调:函数(){
var data=google.visualization.arrayToDataTable([
['流派','my books'的百分比',{role:'tooltip',type:'string',p:{html:true}],
[“科幻小说”,217,“导出CSV”],
[“普通科学”,203,“导出CSV”],
[“计算机科学”,175,“导出CSV”],
[“历史记录”,155,“导出CSV”],
[“经济学/政治学”,98,“出口CSV”],
[“一般小说”,72,“导出CSV”],
['Fantasy',51'导出CSV'],
[“法律”,29,“出口CSV”]
]);
var chart=new google.visualization.PieChart(document.getElementById('chart_div');
变量选项={
身高:400,
工具提示:{
伊什特尔:没错,
触发器:“选择”
},
宽度:600
};
图表绘制(数据、选项);
},
软件包:['corechart']
});
var exportCSV=函数(){
警报(“功能触发”);
}
谢谢WhiteHat!!成功了。我的角度指令有问题。。。但我仍然在主控制器中编写了onclick函数;它没有选择工作指令中的函数!!另外,trigger:在我们的例子中,两者都是
var exportCSV = function(){
console.log("Function Triggered");
}