【问题标题】:D3 v4 Multi line chart Brush Issue NaN when moving brushD3 v4多折线图Brush移动画笔时发出NaN
【发布时间】:2018-04-04 04:19:04
【问题描述】:

我一直在研究带有画笔轴的 D3 v4 多线。该图正确绘制了多条线,但是当我尝试移动画笔时,D3 向我抛出了 NaN 错误。

附上blockbuilder.org中的以下链接:

http://blockbuilder.org/mhaneef50673/0b7304759ccbc1e3ba8cf4aa58e56695

【问题讨论】:

    标签: javascript d3.js


    【解决方案1】:

    你为什么使用brush.extent() 作为吸气剂?您必须改为使用 d3.event.selection 更改秤的域,如下所示:

    xFocus.domain(d3.event.selection === null ? xContext.domain() : 
        d3.event.selection.map(xContext.invert, xContext));
    

    此外,您必须将d.values 传递给行生成器,而不仅仅是d

    这是您更新的 bl.ocks:https://bl.ocks.org/GerardoFurtado/cb7048512af17ed3683e79637eee40d7/9d8d7945bbcb39dabb568dd68247316d2ace5ac3

    【讨论】:

    • 哇!!那太棒了..非常感谢..再一次问题/问题..现在第一个图表显示了整个数据,如何限制第一个图表只显示几个日期并使用画笔我可以遍历整个数据设置?
    • 由于这是另一个问题,请随时将其作为新问题发布。回答 cmets 中提出的问题很复杂,因为我们必须编辑答案,这对未来的读者来说很尴尬。
    • 让我添加一个新问题并将链接发布给您 :)
    • 嘿,我只能在接下来的 90 分钟内添加一个问题 .. 你能帮我解决下面的问题吗,1. 我想在轴上显示最小值(比如 5),需要遍历使用画笔轴 2 遍历整个数据集。此外,当使用画笔遍历数据集时,线似乎没有隐藏在轴下方。
    • 杰拉尔多·弗塔多。我已经编辑了这个问题,以便更清楚地了解我迫切需要的更多项目.. 会要求您提供同样的帮助.. 谢谢:(
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-07-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-13
    相关资源
    最近更新 更多