v0.2.0 release

Author: NickQiZhu

dc.js

@@ -1,5 +1,5 @@
 dc = {
-    version: "0.1.0",
+    version: "0.2.0",
     _charts: []
 };
 
@@ -66,7 +66,7 @@ dc.baseChart = function(chart) {
     var _anchor;
     var _root;
 
-    var width = 0, height = 0;
+    var width = 200, height = 200;
 
     var _transitionDuration = 750;
 
@@ -82,8 +82,10 @@ dc.baseChart = function(chart) {
         return chart;
     };
 
-    chart.orderedGroup = function(){
-        return _group.order(function(p){return p.key;});
+    chart.orderedGroup = function() {
+        return _group.order(function(p) {
+            return p.key;
+        });
     }
 
     chart.filterAll = function() {
@@ -138,20 +140,36 @@ dc.baseChart = function(chart) {
             .attr("height", chart.height());
     };
 
-    chart.turnOnReset = function(){
+    chart.turnOnReset = function() {
         chart.select("a.reset").style("display", null);
     };
 
-    chart.turnOffReset = function(){
+    chart.turnOffReset = function() {
         chart.select("a.reset").style("display", "none");
     };
 
-    chart.transitionDuration = function(d){
-        if(!arguments.length) return _transitionDuration;
+    chart.transitionDuration = function(d) {
+        if (!arguments.length) return _transitionDuration;
         _transitionDuration = d;
         return chart;
     }
 
+    // abstract function stub
+    chart.filter = function(f) {
+        // do nothing in base, should be overridden by sub-function
+        return chart;
+    }
+
+    chart.render = function() {
+        // do nothing in base, should be overridden by sub-function
+        return chart;
+    }
+
+    chart.redraw = function() {
+        // do nothing in base, should be overridden by sub-function
+        return chart;
+    }
+
     return chart;
 };dc.pieChart = function(selector) {
     var filter;
@@ -232,10 +250,9 @@ dc.baseChart = function(chart) {
             .data(dataPie(chart.orderedGroup().top(Infinity)))
             .enter()
             .append("g")
-            .attr("id", function(d) {
-                return d.data.key;
-            })
-            .attr("class", sliceCssClass);
+            .attr("class", function(d, i){
+                return sliceCssClass + " " + i;
+            });
 
         slicePaths = slices.append("path")
             .attr("fill", function(d, i) {
@@ -664,3 +681,123 @@ dc.barChart = function(selector) {
 
     return chart.anchor(selector);
 };
+dc.dataCount = function(selector) {
+    var formatNumber = d3.format(",d");
+    var chart = dc.baseChart({});
+
+    chart.render = function() {
+        chart.selectAll(".total-count").text(formatNumber(chart.dimension().size()));
+        chart.selectAll(".filter-count").text(formatNumber(chart.group().value()));
+
+        return chart;
+    };
+
+    chart.redraw = function(){
+        return chart.render();
+    };
+
+    dc.registerChart(chart);
+    return chart.anchor(selector);
+};dc.dataTable = function(selector) {
+    var chart = dc.baseChart({});
+
+    var size = 25;
+    var columns = [];
+    var sortBy = function(d){return d;};
+    var order = d3.ascending;
+    var sort;
+
+    chart.render = function() {
+        chart.selectAll("div.row").remove();
+
+        renderRows(renderGroups());
+
+        return chart;
+    };
+
+    function renderGroups() {
+        var groups = chart.root().selectAll("div.group")
+            .data(nestEntries(), function(d) {
+                return d.key;
+            });
+
+        groups.enter().append("div")
+            .attr("class", "group")
+            .append("span")
+            .attr("class", "label")
+            .text(function(d) {
+                return d.key;
+            });
+
+        groups.exit().remove();
+
+        return groups;
+    }
+
+    function nestEntries() {
+        if(!sort)
+            sort = crossfilter.quicksort.by(sortBy);
+
+        var entries = chart.dimension().top(size);
+        return d3.nest()
+            .key(chart.group())
+            .sortKeys(order)
+            .entries(sort(entries, 0, entries.length));
+    }
+
+    function renderRows(groups) {
+        var rows = groups.order()
+            .selectAll("div.row")
+            .data(function(d) {
+                return d.values;
+            });
+
+        var rowEnter = rows.enter()
+            .append("div")
+            .attr("class", "row");
+
+        for (var i = 0; i < columns.length; ++i) {
+            var f = columns[i];
+            rowEnter.append("span")
+                .attr("class", "column " + i)
+                .text(function(d) {
+                    return f(d);
+                });
+        }
+
+        rows.exit().remove();
+
+        return rows;
+    }
+
+    chart.redraw = function() {
+        return chart.render();
+    };
+
+    chart.size = function(s) {
+        if (!arguments.length) return size;
+        size = s;
+        return chart;
+    }
+
+    chart.columns = function(_) {
+        if (!arguments.length) return columns;
+        columns = _;
+        return chart;
+    }
+
+    chart.sortBy = function(_) {
+        if (!arguments.length) return sortBy;
+        sortBy = _;
+        return chart;
+    }
+
+    chart.order = function(_) {
+        if (!arguments.length) return order;
+        order = _;
+        return chart;
+    }
+
+    dc.registerChart(chart);
+    return chart.anchor(selector);
+};