js维度组排序

dc.js dimension group ordering

本文关键字：排序 js      更新时间：2023-09-26

我正在尝试渲染一个dc.js条形图，其中我的y轴是百分比0-100%，我的x轴是数字，但是我想按日期排序x轴。

我的数据是这样的:

date,trend,percent
01/01/2014 13:00,238,53.6
01/01/2014 13:15,239,64.2
01/01/2014 13:30,219,43.1
01/01/2014 13:45,219.2,43.1
01/01/2014 14:00,237.4,50.6
...

我正在将数据添加到交叉过滤器

data.forEach(function (d) { d.date = parseDate(d.date); });
var ndx = crossfilter(data);
var trendDimension = ndx.dimension(function (d) { return d.trend; });
var trendGroup = trendDimension.group().reduce(
  function (p, v) {
    p.time = v.date.getTime();
    p.trend = +v.trend;
    p.percent = +v.percent;
    return p;
  },
  ...
).order(function (p) { return p.time; }); // ??? order by time rather than trend

当我绘制维度和组时，我的x轴按趋势排序，因为我的x域看起来像:

var minTrend = trendDimension.bottom(1)[0].trend;
var maxTrend = trendDimension.top(1)[0].trend;
...
chart.x(d3.scale.linear().domain([minTrend, maxTrend]);
...
chart.render();

所有的图表都是按照趋势排序的，我希望它们按照日期/时间排序。

这可能吗?

编辑

我也试过:

chart.ordering(function (d) { return d.value.time; });

您想绘制百分比与趋势的图表还是百分比与时间的图表?

现在你的尺寸是流行的，所以不可能按日期排序。Crossfilter将为每个趋势值(可能有许多日期)创建一个bin，并且您编写reduce函数的方式，它将简单地将bin中的日期条目替换为它看到的最后一个日期。

如果您想按日期排序，然后使用趋势来影响其他一些美学(例如颜色)，您应该使用日期维度，按日期的一些量化分组，不要在您的reduce中对日期做任何操作，并使用日期刻度/xUnits。

相关文章：