dc js - 使用 dc js 的直方图

Question

我有以下数据。

我可以使用dc.js创建任何可能性吗？

有人可以帮助我使用 dc js 创建直方图吗？

搜索了整个论坛，但除了这个post之外找不到有用的东西。

日期：

数字 1 10 1 20 35 24 26 35 12 32 35 10 1 2 32 35 36 12

在过去 2 天里一直卡在这个状态。

请帮忙。

Answer 1

http://jsfiddle.net/djmartin_umich/NmWP8/

1) 首先加载您的数据。在这种情况下，我直接加载它，但您可能希望使用 d3.csv（如 https://github.com/dc-js/dc.js/blob/master/web/examples/bar.html 的示例）。

var experiments = [
        1,
        10,
        1,
        //other data points
        20];

2) 接下来创建您的交叉过滤器维度和组。

        var ndx = crossfilter(experiments),
        typeDimension = ndx.dimension(function (d) {
            return d;
        }),
        typeGroup = typeDimension.group().reduceCount();

3) 设置图表

        var barChart = dc.barChart("#barChart");

        barChart
        .width(768)
        .height(480)
        .x(d3.scale.linear().domain([0,40]))
        .brushOn(false)
        .dimension(typeDimension)
        .group(typeGroup);

4) 渲染图表

    dc.renderAll();