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

【问题标题】：Angular and Angularjs-nvd3-directives mark events on a line chartAngular 和 Angularjs-nvd3-directives 在折线图上标记事件
【发布时间】：2014-10-16 07:42:24
【问题描述】：

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

有没有办法做到这一点？

感谢您的建议。

【问题讨论】：

标签： javascript angularjs nvd3.js

【解决方案1】：

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

tooltipcontent="toolTipContentFunction()"

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

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

【讨论】：

嗨，Kamil，tnx 为您的回复。我得到了工具提示，但你知道如何在我的折线图上绘制单点吗？
好吧，我还没有这样做，但是看看其他一些帖子，CSSes 应该是可能的。请参阅link1、link2。希望这会有所帮助。
好吧，在尝试和尝试之后，我切换到了 highcharts。图书馆太棒了。无论如何，请寻求帮助。