【问题标题】:sorting heat map in dc.js在 dc.js 中对热图进行排序
【发布时间】:2018-04-10 23:37:28
【问题描述】:

使用 dc.js 示例 (http://dc-js.github.io/dc.js/examples/heat.html) 我设法将布局与修改后的数据集一起引入。我在这里面临的问题是不知道如何对值进行排序。

我的数据集中有 3 个字段:Day_Name, Time, Values

我在 csv 中的日期名称为“Sun”、“Mon”、“Tue”、“Wed”等。时间为 00:00、01:00、02:00、03:00 直到23:00..

我应该更改代码的哪一部分来对值进行排序?请建议或建议我更正我的代码。

这是我的代码in a fiddle

【问题讨论】:

    标签: javascript d3.js dc.js


    【解决方案1】:

    我更改了我的数据集,将工作日的日期名称设为 1、2、3、4、5、6、7,并包含一个 HTML 代码作为图例,说明 1 = 星期日,2 = 星期一等等... 现在我正在使用这个解决方案。 如果我遇到如何对 week_days 进行排序,我会更新我的答案。

    【讨论】:

    • 我认为这是排序的最佳解决方案。您可以使用.colsLabel() 或 rowsLabel 来更改标签。
    【解决方案2】:

    在热图中,键是一个轴(例如 Day_name),值是另一个轴(时间)

    您可以使用访问器功能

    .keyAccessor(function(d) { return +d.key[0]; }) .valueAccessor(function(d) { return +d.key[1]; })

    如果需要,使用排序

    【讨论】:

    • 我试过但没有用,我认为我们不能在 Key[0] 和 key[1] 前面使用 +,因为它是一个维度。
    • + 只是确保我们将变量转换为整数。如果它不起作用,则意味着您没有提供数字,这与是否是维度无关
    • 是的,我没有提供数字,我提供的是字符串值,正如其 Day_name 所述:(Sun. Mon, Tue, Wed, Thu, Fri, Sat)。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-12-14
    • 1970-01-01
    • 1970-01-01
    • 2014-10-02
    • 1970-01-01
    • 2015-08-22
    • 1970-01-01
    相关资源
    最近更新 更多