javascript - dc js - 使用 dc js 的直方图

Question

我有以下数据。

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

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

搜索了整个论坛但除了这个post 找不到有用的东西.

日期:

numbers11012035242635123235101232353612

过去 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();