add changes for 1.3.0

Author: matt

README.md

@@ -81,3 +81,6 @@ Take a look at the <a href="https://github.com/madams1/calendar_heatmap/wiki/Opt
 
 ## browser support
 **calendar_heatmap** is tested to work in the latest stable releases of Chrome, Firefox, and Opera
+
+## dev
+do `npm run bundle` to create `calendar_heatmap.bundle.js` from `index.js`

calendar_heatmap.bundle.js

@@ -57,6 +57,7 @@ calendar_heatmap.create = function(opts) {
         stroke_color: opts.stroke_color ? opts.stroke_color : "#fff",
         discrete_scale: opts.discrete_scale ? opts.discrete_scale : false,
         num_colors: opts.num_colors ? opts.num_colors : null,
+        on_click: opts.on_click ? opts.on_click : null,
         //// labels/legend
         title: opts.title ? opts.title : "",
         title_size: opts.title_size ? opts.title_size : 18,
@@ -129,6 +130,7 @@ calendar_heatmap.create = function(opts) {
         d.dow = options.sunday_start ?
             d.day.weekday() :
             d.day.isoWeekday() - 1;
+        d.formatted_date = d.day.format("dddd MMM DD, YYYY");
 
         // at the start of every week, count a new week and new week within current month
         if (d.dow === 0) {
@@ -217,6 +219,11 @@ calendar_heatmap.create = function(opts) {
             .range(palette);
     }
 
+    // add color to data
+    _.map(options.data, function(d) {
+        d.fill_color = d[options.fill_var] ? color_scale(d[options.fill_var]) : options.missing_color;
+    });
+
     // margins and sizes
     var margin = {
         top: options.margin_top,
@@ -582,7 +589,7 @@ calendar_heatmap.create = function(opts) {
                             .attr("fill", "#eee");
 
                 this_tile.tt_group.append("text")
-                    .text(d.day.format("dddd MMM DD, YYYY"))
+                    .text(d.formatted_date)
                     .style("font-size", "13px")
                     .attr("text-anchor", "middle")
                     .attr("x", options.tooltip_width/2)
@@ -639,6 +646,11 @@ calendar_heatmap.create = function(opts) {
         this_tile.tt_group.remove();
     });
 
+    // click
+    if (options.on_click) {
+        tiles.on("click", options.on_click);
+    }
+
     // return tick labels to default
     tile_group.on("mouseleave", function() {
         d3.selectAll(y_ticks)

index.js

@@ -1,6 +1,6 @@
 {
   "name": "calendar_heatmap",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "flexible D3 calendar heatmaps a la GitHub contribution calendars",
   "main": "index.js",
   "scripts": {