feat(treemap): update stories

plouc · Jun 26, 2020 · f90f979 · f90f979
1 parent c705f3e
commit f90f979
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/packages/treemap/stories/treemap.stories.js b/packages/treemap/stories/treemap.stories.js
@@ -6,19 +6,20 @@ import { TreeMap } from '../src'
 const commonProperties = {
     width: 900,
     height: 400,
-    root: generateLibTree(),
+    data: generateLibTree(),
     identity: 'name',
     value: 'loc',
+    valueFormat: '.02s',
     label: 'name',
     labelSkipRadius: 16,
 }
 
 storiesOf('TreeMap', module).add('custom tooltip', () => (
     <TreeMap
         {...commonProperties}
-        tooltip={({ id, value, color }) => (
-            <strong style={{ color }}>
-                {id}: {value}
+        tooltip={({ node }) => (
+            <strong style={{ color: node.color }}>
+                {node.pathComponents.join(' / ')}: {node.formattedValue}
             </strong>
         )}
         theme={{

diff --git a/packages/treemap/stories/treemapHtml.stories.js b/packages/treemap/stories/treemapHtml.stories.js
@@ -6,19 +6,20 @@ import { TreeMapHtml } from '../src'
 const commonProperties = {
     width: 900,
     height: 400,
-    root: generateLibTree(),
+    data: generateLibTree(),
     identity: 'name',
     value: 'loc',
+    valueFormat: '.02s',
     label: 'name',
     labelSkipRadius: 16,
 }
 
 storiesOf('TreeMapHtml', module).add('custom tooltip', () => (
     <TreeMapHtml
         {...commonProperties}
-        tooltip={({ id, value, color }) => (
-            <strong style={{ color }}>
-                {id}: {value}
+        tooltip={({ node }) => (
+            <strong style={{ color: node.color }}>
+                {node.pathComponents.join(' / ')}: {node.formattedValue}
             </strong>
         )}
         theme={{