在 dc.js 中排序热图

Question

使用 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。

Answer 1

在热图上，键是一个轴（例如 Day_name），值是另一个轴（时间）

您可以使用访问器函数

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

并在需要时使用排序

Answer 2

我通过将工作日的日期名称更改为 1、2、3、4、5、6、7 来更改我的数据集，并包含一个 HTML 代码作为其说明 1 = 星期日，2 = 星期一，依此类推... 现在我要使用这个解决方案。 如果我遇到如何对 week_days 进行排序，我会更新我的答案。