diff --git a/app/src/main/assets/chart.html b/app/src/main/assets/chart.html
index f30b55f7..c2574ca0 100644
--- a/app/src/main/assets/chart.html
+++ b/app/src/main/assets/chart.html
@@ -99,6 +99,14 @@
             {% endif %}
           </td>
           {% endfor %}
+          <script>
+            // Hides the row if not required and no observation is recorded.
+            if (!{{row.item.required}}) {
+              if (isRowEmpty(document.currentScript.parentNode)) {
+                document.currentScript.parentNode.style.display = 'none';
+              }
+            }
+          </script>
         </tr>
       {% endfor %}
     </tbody>
diff --git a/app/src/main/assets/chart.js b/app/src/main/assets/chart.js
index 216c5d4a..711c2088 100644
--- a/app/src/main/assets/chart.js
+++ b/app/src/main/assets/chart.js
@@ -1,3 +1,13 @@
+function isRowEmpty(parentNode) {
+  var rowEmpty = true;
+  $(parentNode).find('td').each(function(index, element) {
+    var innerHtml = element.innerHTML.trim();
+    if ( innerHtml != "" ) {
+      rowEmpty = false;
+    }
+  });
+  return rowEmpty;
+}
 
 function popup(name, pairs) {
   // var dialog = document.getElementById('obs-dialog');