gpt4 book ai didi

d3.js - 如何使用 d3.js 和 crossfilter 数据创建直方图?

转载 作者:行者123 更新时间:2023-12-04 21:20:48 24 4
gpt4 key购买 nike

这是我的 demo (永久链接;加载可能需要一秒钟)。

我遇到了一些问题:

  • crossfilter 键不反射(reflect)上限。因此,x 轴缺少一步。

    enter image description here

    我设法通过获取一组步长( group.all()[1] - group.all()[0] )然后将其添加到 d3.extent(group.all())[1] 来修复它.因为这是一个肮脏的修复,我没有将它包含在演示中(可能存在数据差距)。获得组步长/修复 x 轴的较不脏的方法是什么?
  • 钢筋之间存在不均匀的间隙。我不知道如何解决不同数据集的 x.scale 不一致问题。

    enter image description here

    我希望条形宽度自动适应可用的图形宽度。因此,我计算最佳条形宽度,然后(如果需要)调整图形本身的大小:
    bar_width = math.round(graph_width/data_length);
    graph_width = bar_width*data_length;

    在这种情况下,没有办法x.scale可以为任何键值返回不均匀的数据,但它确实如此。没有魔法;我只是忽略了一些东西。但它是什么?

    x.scale搞砸然后扣除 bar_width来自 graph_width在设置 x.scale 之前范围解决了这个问题。但是,我无法弄清楚检测 x.scale 何时未按预期运行的条件。
  • 最佳答案

    我花了很多时间试图找出正确的方法来做到这一点。但是,我最终使用简单的数学来猜测数据上限。还有很多问题有待解决,例如如何直观地处理极端情况。

    enter image description here

    我尝试开发一个可重用的直方图库是可以访问的 on github .

    关于d3.js - 如何使用 d3.js 和 crossfilter 数据创建直方图?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12145656/

    24 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com