dc js - 使用dc js的直方图

Question

我有以下数据。

我可以使用dc.js创建一个吗？

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

在整个论坛上搜索过但除了post之外无法获得有用的东西。

日期：

numbers
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();