javascript - 让 Highcharts 工具提示返回 Angular Directive(指令)？

Question

我们正在尝试为 Highcharts 图表创建一些复杂的工具提示，这将显示应用程序中但图表未显示的一些动态数据，因此我认为最好的选择是为所有格式创建一个 Angular Directive(指令)等等，然后启用 highcharts 的 useHTML : true 属性以及自定义格式化程序功能。 $compile() 不会抛出错误..

但是，当此代码运行时，工具提示仅将 Object.object 显示为文本，而不是指令模板的内容。我错过了什么，还是这不可能？以下是我们正在尝试的示例...

tooltip: {
                useHTML: true,
                formatter: function () {                        

                    return $compile("<pm-error-rate-tooltip ></<pm-error-rate-tooltip>")($scope);


                }
            }

我想知道这是否需要“附加”到某个 DOM 元素才能工作，但如果是这样，我不确定该元素的工具提示名称是什么？

Answer 1

你给格式化程序一个 dom 元素，它需要一个 html 字符串。将其转换回 html 是可行的，但这似乎是实现目标的低效方法。
http://jsfiddle.net/ue3x49tt/3/

formatter: function () {                  
    return $compile("<pm-error-rate-tooltip></pm-error-rate-tooltip>")($scope).html();                   

}