【问题标题】:Set inital zoom using brush in D3在 D3 中使用画笔设置初始缩放
【发布时间】:2013-11-17 02:51:19
【问题描述】:

在这个例子中http://bl.ocks.org/mbostock/1667367你将如何根据日期设置画笔的初始缩放?

我希望它集中在过去 12 个月内加载。

【问题讨论】:

    标签: d3.js


    【解决方案1】:

    你可以在绘制图形之前自己设置brush.extent([minVisibleDate, maxVisibleDate])brush.extent([minVisibleDate, maxVisibleDate]),然后调用brushed()brush.event(context.select('g.x.brush')) at the end分别设置缩放级别和绘制brush

    【讨论】:

    • 是的,谢谢。刚刚找到 extent(),现在尝试查找最大日期的 x 域 - 1 天。很快就会更新。
    • 所以我设法获得了开始和结束范围范围,但焦点图表变为空白,并且当我在 g.x.brush 上包含 .call(brush.event) 时没有显示画笔范围。类似于这里的做法:bl.ocks.org/mbostock/6232537
    • 这里是代码:context.append("g").attr("class", "x brush").call(brush.extent([x2(startDate), x2(endDate)])).call(brush.event)
    • 发现问题。我将日期映射到域以尝试获取范围内的 x 而不仅仅是使用日期! context.append("g") .attr("class", "x brush") .call(brush.extent([startDate, endDate])) .call(brush.event)
    猜你喜欢
    • 2023-04-06
    • 2013-04-17
    • 1970-01-01
    • 2018-07-05
    • 1970-01-01
    • 2015-06-21
    • 2018-10-02
    • 2018-02-17
    • 1970-01-01
    相关资源
    最近更新 更多