如何添加固定垂直轴的焦点+上下文缩放时间序列

How to add fix vertical axis to focus + context zooming timeseries

本文关键字：焦点 上下文 时间序列 缩放 垂直 何添加 添加      更新时间：2023-09-26

我正在开发一个基于这个由两个图组成的交互式时间序列的可视化。我想在两个图中添加一组竖线，表示特定的日期，如

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');

当你放大到一个特定的日期范围时，这不起作用。我还没想好该怎么做。我猜一定有一个刷新事件，我需要钩到或什么的

相关文章：