Highcharts：处理ng-单击工具提示

Question

我遇到的问题需要一些帮助。我创建了一个图表和一个自定义工具提示，每当用户点击工具提示时，它应该调用$ scope函数。

        tooltip: {
            pointFormatter: function() {
              return $compile(angular.element("<p style='color:red' ng-click='handleClick()'>Click here</p>"))(scope);
            }
        }

我为它创建了一个jsfiddle。

谢谢！

Answer 1

在工具提示出现后编译工具提示元素。

在pointFormatter中返回字符串：

pointFormatter: function() {              
  return "<p style='color:red' ng-click='handleClick()'>Click here</p>"
}

在点击回调中：

events: {
  click: function(e) {
    tooltip.refresh(e.point, e);
    $compile(tooltip.label.div)(scope)
  }

示例：http://jsfiddle.net/mj9mj1n5/