我正在开发一个基于这个由两个图组成的交互式时间序列的可视化。我想在两个图中添加一组竖线,表示特定的日期,如
var labels = [
["Christmas 2011", 2011-12-25],
["Christmas 2012", 2012-12-25],
];
有一个垂直轴,它不会在底部的图中移动,而是随着顶部图中的缩放级别相应地移动。
我应该focus.append.line
吗?但是我应该提供确切的坐标吗?
在指定的点上添加一行:
var xval = x2(new Date('2008-12-25'));
focus.append("line")
.attr({
x1:xval,
x2:xval,
y1:0,
y2:height,
stroke:'black',
'stroke-width':1
});
这是使用你上面链接到的代码中的x2
和height
。
添加标签:
focus.append("text")
.attr({
x:xval,
y:height/2,
'font-size':'1em',
fill:'red'
})
.text('Christmas 2008');
当你放大到一个特定的日期范围时,这不起作用。我还没想好该怎么做。我猜一定有一个刷新事件,我需要钩到或什么的