feat(radar): pass key to tooltip format function (#587)

plouc · Jun 27, 2019 · cca8a9e · cca8a9e
1 parent f856200
commit cca8a9e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/packages/radar/src/RadarTooltipItem.js b/packages/radar/src/RadarTooltipItem.js
@@ -42,7 +42,7 @@ const RadarTooltipItem = memo(
                         keys.map(key => [
                             <Chip key={key} color={colorByKey[key]} />,
                             key,
-                            format ? format(datum[key]) : datum[key],
+                            format ? format(datum[key], key) : datum[key],
                         ]),
                         '2'
                     ).reverse()}

diff --git a/packages/radar/stories/radar.stories.js b/packages/radar/stories/radar.stories.js
@@ -92,6 +92,21 @@ stories.add('with formatted values', () => (
     />
 ))
 
+stories.add('with formatted values per key', () => (
+    <Radar
+        {...commonProperties}
+        tooltipFormat={(value, key) => {
+            if (key === 'syrah') {
+                return value + ' BitCoins'
+            } else {
+                return `${Number(value).toLocaleString('ru-RU', {
+                    minimumFractionDigits: 2,
+                })} ₽`
+            }
+        }}
+    />
+))
+
 const LabelComponent = ({ id, anchor }) => (
     <g transform={`translate(${anchor === 'end' ? -60 : anchor === 'middle' ? -30 : 0}, -20)`}>
         <text>{id}</text>