INT-197 removing field names from document/array minichart

there can be arbitrary many and of arbitrary length. makes it really difficult to display them cleanly. They are also easily accessible by expanding the field.

Author: rueckstiess

src/minicharts/array-root.jade

@@ -1,14 +1,12 @@
 div(data-hook='viz-container')
   dl
-  if fieldNames
-    dt Array of documents with #{fieldsPluralized}
+    if fieldNames
+      dt Array of documents with #{fieldsPluralized}
+      dd
+  
+    dt Array lengths
     dd 
       ul.list-inline
-        each name, idx in fieldNames
-          li= name + (idx < fieldNames.length-1 ? ',' : '')
-  dt Array lengths
-  dd 
-    ul.list-inline
-      li min: #{min_length}, 
-      li average: #{average_length}, 
-      li max: #{max_length}
+        li min: #{min_length}, 
+        li average: #{average_length}, 
+        li max: #{max_length}

src/minicharts/document-root.jade

@@ -1,9 +1,4 @@
 div(data-hook='viz-container') 
   dl
-  dt Document with #{fieldsPluralized}
-  dd
-    ul.list-inline
-      each name, idx in fieldNames
-        li= name + (idx < fieldNames.length-1 ? ',' : '')
-
-      
+    dt Document with #{fieldsPluralized}
+    dd

src/minicharts/document-root.js

@@ -7,7 +7,6 @@ module.exports = VizView.extend({
   render: function() {
     var fieldNames = this.model.parent.fields.pluck('name');
     this.renderWithTemplate({
-      fieldNames: fieldNames,
       fieldsPluralized: pluralize('nested field', fieldNames.length, true)
     });
   }

src/minicharts/index.js

@@ -55,6 +55,7 @@ module.exports = AmpersandView.extend(QueryBuilderMixin, {
       this.subview = new DocumentRootMinichartView(this.viewOptions);
     } else if (this.model.name === 'Array') {
       // arrays get a div-based ArrayRootMinichart
+      this.viewOptions.height = 55;
       this.subview = new ArrayRootMinichartView(this.viewOptions);
     } else {
       // otherwise, create a svg-based VizView for d3