fix: Ranged plot tooltip values are not shown properly #1473 (#1486)

h2oai · Jun 7, 2022 · f8d19a3 · f8d19a3
1 parent 808f79c
commit f8d19a3
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/ui/src/plot.tsx b/ui/src/plot.tsx
@@ -1038,7 +1038,12 @@ const PlotTooltip = ({ items }: { items: TooltipItem[] }) =>
           <span style={{ backgroundColor: mappingData?.color || color }} className="g2-tooltip-marker" />
           <span style={{ display: 'inline-flex', flex: 1, justifyContent: 'space-between' }}>
             <span style={{ marginRight: 16 }}>{item}:</span>
-            <span>{data[item] instanceof Date ? data[item].toISOString().split('T')[0] : data[item]}</span>
+            <span>
+              {(Array.isArray(data[item]) ? data[item] : [data[item]]).map((val: any, idx: number) => {
+                const value = val instanceof Date ? val.toISOString().split('T')[0] : val
+                return idx > 0 ? ` - ${value}` : value
+              })}
+            </span>
           </span>
         </li>
       )