多线图上的时间问题?
Timing issue on multi-line chart?
我正在根据 [编辑:不是 Bostock 的] 示例制作多线动画图表:
http://bl.ocks.org/atmccann/8966400
我希望这些线条与 x 轴上的日期值同步显示。如果我放慢图表(比如持续时间 = 15000),我可以清楚地看到在图表的最前面部分,绿线在黑线之前。然后黑线移动到绿线之前。两者一起开始和结束。
这个问题在我绘制 20 条线的图表中更加突出。有些人在策划时明显领先于其他人。初始 y 值为零的线比那些在开始时攀升到更高 y 值的线领先。
如何调整显示,使两条线同时绘制同一日期?
bl.ocks.org 示例中的技术(顺便说一句,不是 Bostock 的)是根据线条的长度而不是它在 y 轴上的位置来设置动画。如果您想根据 y 轴位置设置动画,则必须使用不同的技术。特别是对于 20 行,如果它们有很多点,我不建议尝试动态更新每一行。不过,如果积分不多,你可以这样做。
一种简单的方法是在覆盖所有图形线的图表中添加一个实心(白色)矩形。然后为该矩形的左侧位置和宽度设置动画以随时间显示线条。
我正在根据 [编辑:不是 Bostock 的] 示例制作多线动画图表:
http://bl.ocks.org/atmccann/8966400
我希望这些线条与 x 轴上的日期值同步显示。如果我放慢图表(比如持续时间 = 15000),我可以清楚地看到在图表的最前面部分,绿线在黑线之前。然后黑线移动到绿线之前。两者一起开始和结束。
这个问题在我绘制 20 条线的图表中更加突出。有些人在策划时明显领先于其他人。初始 y 值为零的线比那些在开始时攀升到更高 y 值的线领先。 如何调整显示,使两条线同时绘制同一日期?
bl.ocks.org 示例中的技术(顺便说一句,不是 Bostock 的)是根据线条的长度而不是它在 y 轴上的位置来设置动画。如果您想根据 y 轴位置设置动画,则必须使用不同的技术。特别是对于 20 行,如果它们有很多点,我不建议尝试动态更新每一行。不过,如果积分不多,你可以这样做。
一种简单的方法是在覆盖所有图形线的图表中添加一个实心(白色)矩形。然后为该矩形的左侧位置和宽度设置动画以随时间显示线条。