Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/file/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google图表HTML工具提示,其中包含javascript onclick事件?_Javascript_Html_Google Visualization_Tooltip - Fatal编程技术网

Google图表HTML工具提示,其中包含javascript onclick事件?

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=

我一直在尝试在Google图表工具提示中使用图表选项
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");
}