Added option to sort the tooltip items from closest to farthest from the mouse cursor.

Change: 138418340

3 files changed, 4 insertions, 0 deletions

diff --git a/tensorflow/tensorboard/components/tf_scalar_dashboard/tf-scalar-dashboard.html b/tensorflow/tensorboard/components/tf_scalar_dashboard/tf-scalar-dashboard.html
index a199a8d7cf..d4688bb7c4 100644
--- a/tensorflow/tensorboard/components/tf_scalar_dashboard/tf-scalar-dashboard.html
+++ b/tensorflow/tensorboard/components/tf_scalar_dashboard/tf-scalar-dashboard.html
@@ -81,6 +81,7 @@ contains vz-line-charts embedded inside tf-panes-helper's.
                   <paper-item>default</paper-item>
                   <paper-item>descending</paper-item>
                   <paper-item>ascending</paper-item>
+                  <paper-item>nearest</paper-item>
                 </paper-menu>
               </paper-dropdown-menu>
             </div>
diff --git a/tensorflow/tensorboard/components/vz_line_chart/vz-line-chart.html b/tensorflow/tensorboard/components/vz_line_chart/vz-line-chart.html
index 1a2de6c2c0..210aab6c69 100644
--- a/tensorflow/tensorboard/components/vz_line_chart/vz-line-chart.html
+++ b/tensorflow/tensorboard/components/vz_line_chart/vz-line-chart.html
@@ -207,6 +207,7 @@ such as different X scales (linear and temporal), tooltips and smoothing.
          * - "default" - Sort the tooltip by input order.
          * - "ascending" - Sort the tooltip by ascending value.
          * - "descending" - Sort the tooltip by descending value.
+         * - "nearest" - Sort the tooltip by closest to cursor.
          */
         tooltipSortingMethod: {
           type: String,
diff --git a/tensorflow/tensorboard/components/vz_line_chart/vz-line-chart.ts b/tensorflow/tensorboard/components/vz_line_chart/vz-line-chart.ts
index d39af299d1..7bd0507cf9 100644
--- a/tensorflow/tensorboard/components/vz_line_chart/vz-line-chart.ts
+++ b/tensorflow/tensorboard/components/vz_line_chart/vz-line-chart.ts
@@ -321,6 +321,8 @@ module VZ {
         points =
             _.sortBy(points, (d) => valueSortMethod(d.datum, -1, d.dataset))
                 .reverse();
+      } else if (this.tooltipSortingMethod === 'nearest') {
+        points = _.sortBy(points, dist);
       } else {
         // The 'default' sorting method maintains the order of names passed to
         // setVisibleSeries(). However we reverse that order when defining the