amcharts：如何在工具提示中添加操作

Question

我正在尝试在 amcharts 中添加一个操作，例如：

function myfunc(name){
  alert("hi "+name);
}

var tooltipDetail='<div class="detail" name="{name}" onclick="myfunc({name});">detail {name}</div>'

series1.columns.template.tooltipHTML = tooltipDetail;

当我用 'alert(1)' 替换 'myfunc()' 时，它会启动一个警报，但在代码中定义的 myfunc 会在控制台 'Uncaught ReferenceError: myfunc is not defined' 中启动一个错误。为什么？我该如何解决这个问题？

我的意图是使用 jquery 创建一个更详细的函数，例如：

$('.detail').click(function(){
  var name=this.attr("name");
  $("#selected").html(name);
});

但它不起作用，然后我简化了代码...我检查了 $('.detail').html() 如果工具提示尚未显示，则不可用，所以我认为它是在启动工具提示时构建的。

我还尝试在工具提示中包含该功能，例如：

var tooltipDetail='<script>function hi({name}){alert("hi"+name);}</script><div class="detail" name="{name}" onclick="hi({name});">detail {name}</div>'

它导致同样的问题，'hi' 未定义。

有什么推荐吗？谢谢

Answer 1

AmCharts 似乎有一个事件系统。尝试使用点击事件处理程序：

function myfunc(){
  alert(1);
}
series.tooltip.events.on('hit', myFunc);

请参阅此修改后的 CodePen，其中工具提示可单击： https://codepen.io/krassdanke/pen/ZEbyQyY（源自官方 amCharts 文档： https: //www.amcharts.com/docs/v4/tutorials/clickable-links-工具提示/）