我想将当前时间的垂直“现在”标记添加到使用 angular-nvd3-directives 实现的工作时间序列折线图中。有点像这样:http: //i.imgur.com/XsmfOXe.jpg
以前我使用纯 d3.js 构建这个图表并让它工作。因此,我尝试将现有解决方案移植到如下指令:
myApp.directive( 'nowMarker', function () {
return {
restrict: 'A',
link: function (scope, element, attr) {
var line = d3.svg.line()
.interpolate("basis")
// ####### this cannot work #######
.x(function (d) { return x(d.t); })
.y(function (d) { return y(d.value); });
// ################################
element.children()[0].append('svg:path')
.attr("class", "NOW")
.attr('d', line(scope.nowData))
.attr('stroke', '#14022B')
.attr('stroke-width', '1px')
.attr('stroke-dasharray', ('5,5'))
.attr('fill', 'none');
}
};
});
这就是我卡住的地方。我不知道如何访问 angularjs-nvd3-directives 图表的 x 和 y 比例。
HTML 是:
<nvd3-line-chart nowMarker ...>
</nvd3-line-chart>
在我的图表控制器中,我有:
var now = new Date();
$scope.nowData = [
{name: "NOW", t: now, value: 0},
{name: "NOW", t: now, value: 100}
];
没有错误消息,根本没有任何反应。
任何帮助是极大的赞赏。谢谢!班纳特