From 8446e88c3eb46b341277218346f38617c65d1286 Mon Sep 17 00:00:00 2001
From: James Wang <james.wang@mongodb.com>
Date: Mon, 6 Dec 2021 14:05:42 +1100
Subject: [PATCH 1/2] CHARTS-6167 use maxDataAge over refreshInterval

---
 examples/unauthenticated/src/index.js | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/examples/unauthenticated/src/index.js b/examples/unauthenticated/src/index.js
index 3878d6d..bce2e3d 100755
--- a/examples/unauthenticated/src/index.js
+++ b/examples/unauthenticated/src/index.js
@@ -21,12 +21,11 @@ async function renderChart() {
   });
 
   /*
-    chart.setRefreshInterval(interval: number)
-    The default rate is to never refresh after rendering.
+    chart.setMaxDataAge(interval: number)
+    The default rate is to auto refresh every 1 hour.
     The minimum rate is every 10 seconds.
-    Setting to 0 returns the chart to the default setting.
 
-    chart.getRefreshInterval()
+    chart.getMaxDataAge()
     Returns a number pertaining to the charts current
     refresh interval.
    */
@@ -35,13 +34,12 @@ async function renderChart() {
     .addEventListener("change", async (e) => {
       var refreshInterval = e.target.value;
       refreshInterval
-        ? chart.setRefreshInterval(Number(refreshInterval))
-        : chart.setRefreshInterval(0);
+        ? chart.setMaxDataAge(Number(refreshInterval))
+        : chart.setMaxDataAge(3600);
 
-      var currentRefreshInterval = await chart.getRefreshInterval();
-      document.getElementById(
-        "currentRefreshInterval"
-      ).innerText = currentRefreshInterval;
+      var currentRefreshInterval = await chart.getMaxDataAge();
+      document.getElementById("currentRefreshInterval").innerText =
+        currentRefreshInterval;
     });
 
   /*

From 5f3dc7bd9e3b28ba33ac85bf087e166cf6c2aac3 Mon Sep 17 00:00:00 2001
From: James Wang <james.wang@mongodb.com>
Date: Mon, 6 Dec 2021 14:11:01 +1100
Subject: [PATCH 2/2] fix: update default refresh interval setting and fix
 option values

---
 examples/unauthenticated/index.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/examples/unauthenticated/index.html b/examples/unauthenticated/index.html
index 8f40c3c..dae0686 100755
--- a/examples/unauthenticated/index.html
+++ b/examples/unauthenticated/index.html
@@ -26,11 +26,11 @@
         <label
           ><span>REFRESH INTERVAL </span>
           <select id="refresh-interval">
-            <option value="0">None</option>
+            <option value="-1">None</option>
             <option value="10">10 Seconds</option>
             <option value="60"><span>1 Minute</span></option>
-            <option value="1000">10 Minutes</option>
-            <option value="6000"><span>1 Hour</span></option>
+            <option value="600">10 Minutes</option>
+            <option selected value="3600"><span>1 Hour</span></option>
           </select>
         </label>
         <label
@@ -61,8 +61,8 @@
           <h3 class="chart-title">CHART DATA</h3>
           <table>
             <tr>
-              <th>Current Refresh Interval</th>
-              <td id="currentRefreshInterval">None</td>
+              <th>Current Refresh Interval (in secs)</th>
+              <td id="currentRefreshInterval">3600</td>
             </tr>
             <tr>
               <th>Current Theme</th>