fix(website): update circle-packing page code

plouc · May 3, 2021 · dbc0aed · dbc0aed
1 parent 150870e
commit dbc0aed
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/website/src/pages/circle-packing/api.js b/website/src/pages/circle-packing/api.js
@@ -38,11 +38,16 @@ const CirclePackingApi = () => {
                     valueFormat: { format: '', enabled: false },
                     colors: { scheme: 'nivo' },
                     colorBy: 'depth',
+                    inheritColorFromParent: false,
+                    childColor: {
+                        from: 'color',
+                        modifiers: [['darker', 0.3]],
+                    },
                     padding: 1,
-                    enableLabel: true,
+                    enableLabels: true,
                     leavesOnly: false,
                     label: 'id',
-                    labelSkipRadius: 8,
+                    labelsSkipRadius: 8,
                     labelTextColor: {
                         from: 'color',
                         modifiers: [['darker', 0.8]],

diff --git a/website/src/pages/circle-packing/html.js b/website/src/pages/circle-packing/html.js
@@ -59,7 +59,7 @@ const CirclePackingHtml = () => {
         >
             {(properties, data, theme, logAction) => {
                 return (
-                    <ResponsiveBubbleHtml
+                    <ResponsiveCirclePackingHtml
                         root={data}
                         {...properties}
                         theme={theme}