Angular和Angularjs-nvd3指令在折线图上标记事件

Question

我正在使用AngularJS和Angularjs-nvd3指令制作仪表板。大多数情况下，我使用折线图。如果我能在图表上标记一些事件，那就太好了。假设我有一个时间序列。我想在某个时间点绘制一个标记（点或线，可能带有自定义工具提示）。

有没有办法做到这一点？

感谢您的建议。

Answer 1

如果涉及自定义工具提示，您可以向图表指令添加属性：

tooltipcontent="toolTipContentFunction()"

然后，在controller中定义一个生成HTML的函数：

$scope.toolTipContentFunction = function(){
return function(key, x, y, e, graph) {
    return  '<h1>My Custom Tooltip</h1>' +
            '<h3>' + key + '</h3>';
    }
};