angularjs - 以编程方式更新 Angular nvd3 中 LineWithFocusChart 的画笔

Question

我在 Angular-nvd3 指令中使用“LineWithFocusChart”。该指令的链接在这里

现在我需要以编程方式更改此图表的焦点，而不是使用下面的焦点图表。这个问题的答案在这个 stackoverflow 问题中，针对一个简单的 nvd3 元素。但是我需要在这个图表的 Angular 指令中实现相同的功能。

我浏览了 GitHub 上的文档和问题，但无济于事。有人可以帮忙吗？

Answer 1

笔刷变化的调度函数可以如下：

function (e) {
    $timeout(function () {
        $scope.tc.api.getScope().chart.brushExtent([e.extent[0], e.extent[1])
    }, 400)
}

$scope.tc.api 代表您希望操作的其他图表的 api。它需要作为 'api="tc.api"' 添加到图表指令中并在控制器中声明，然后才能对其进行操作。

超时很重要，因为指令需要一点时间才能加载并激活其 API。

编辑 1 @ackuser 为解决方案设置了一个 plunkr。http://plnkr.co/edit/0je3AsF0wdjkFWUyvl02?p=preview