ハイチャート：ツールチップのクリックを処理する

Question

私は遭遇している問題について助けが必要です。チャートとカスタムツールチップを作成しました。ユーザーがツールチップをクリックするたびに$ scope関数を呼び出す必要があります。

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

私はjsfiddleを作成しました。

ありがとうございます！

Answer 1

ツールチップが表示されたら、ツールチップ要素をコンパイルします。

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

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

クリックコールバックで

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

：pointFormatterリターン文字列で