Updating tooltip.js to accept a "footer" element.

nv.d3.js

@@ -434,7 +434,11 @@ window.nv.tooltip.* also has various helper methods.
                     html += "<td class='value'>" + valueFormatter(item.value,i) + "</td></tr>"; 
                 });
             }
-            html += "</tbody></table>";
+            html += "</tbody>";
+            html += "</table>";
+            if (d.footer !== undefined)
+                html += "<div class='footer'>" + d.footer + "</div>";
+            
             return html;
         };
 

src/nv.d3.css

@@ -116,6 +116,12 @@
   height: 8px;
   vertical-align: middle;
 }
+
+.nvtooltip .footer {
+  background-color: rgba(210, 231, 249, 0.35);
+  padding: 3px 0 3px 0;
+}
+
 .nvtooltip-pending-removal {
   position: absolute;
   pointer-events: none;

src/tooltip.js

@@ -79,7 +79,11 @@ window.nv.tooltip.* also has various helper methods.
                     html += "<td class='value'>" + valueFormatter(item.value,i) + "</td></tr>"; 
                 });
             }
-            html += "</tbody></table>";
+            html += "</tbody>";
+            html += "</table>";
+            if (d.footer !== undefined)
+                html += "<div class='footer'>" + d.footer + "</div>";
+            
             return html;
         };