【问题标题】:How to get the boundaries of currently visible time scale (after panning and zooming)?如何获取当前可见时间尺度的边界(平移和缩放后)?
【发布时间】:2013-12-09 07:57:19
【问题描述】:

我只想在图表缩放或平移时为图表加载额外的数据点。假设我有一个特定时间范围的图表 (http://codepen.io/jayarjo/pen/gzfyj),现在如果用户将其平移或缩放到更广泛的范围,我想加载与该范围相对应的更广泛的数据并绘制额外的数据点。我不确定如何从 D3 中获取当前可见的日期范围...?

【问题讨论】:

  • 您发布的示例似乎没有进行任何平移或缩放。您在寻找brush 吗?
  • 您应该将鼠标光标放在点或日期标签上,然后使用鼠标滚轮拖动或放大。不就是这样吗?
  • 画笔示例很棒!肿瘤坏死因子。但这并不能解决我的问题。
  • 缩放行为设置d3.event.translate,它将为您提供当前可见范围以及您最初设置的范围。
  • 您可以使用比例尺的.invert() 函数将屏幕尺寸映射到其输入值。

标签: d3.js zooming pan


【解决方案1】:

只需检索刻度的起点和终点的反转值,这显然是刻度的 0width

var startDate = x.invert(0);
var endDate = x.invert(width); // where width is the visible width of the x scale

【讨论】:

  • 4 年后,它帮助了我。
猜你喜欢
  • 1970-01-01
  • 2021-08-22
  • 2011-10-18
  • 2013-02-27
  • 1970-01-01
  • 2019-10-21
  • 2022-09-29
  • 2019-08-28
  • 1970-01-01
相关资源
最近更新 更多