feat: add stacked bar column chart (react)

Hexastack · Oct 25, 2022 · 70cf3b5 · 70cf3b5
1 parent 721dc84
commit 70cf3b5
Show file tree

Hide file tree

Showing 10 changed files with 841 additions and 4 deletions.
diff --git a/packages/ez-core/src/sample-data.ts b/packages/ez-core/src/sample-data.ts
@@ -22,18 +22,21 @@ export const rawData: RawData = [
   {
     id: '1',
     label: 'Alpha',
+    value0: 35,
     value: 50,
     amount: 10,
   },
   {
     id: '2',
     label: 'Beta',
+    value0: 80,
     value: 100,
     amount: 20,
   },
   {
     id: '3',
     label: 'Gamma',
+    value0: 60,
     value: 75,
     amount: 30,
   },

diff --git a/packages/ez-dev/jest/snapshots/components/Chart.spec.tsx.snap b/packages/ez-dev/jest/snapshots/components/Chart.spec.tsx.snap
@@ -44,7 +44,7 @@ exports[`Chart should provide the chart data to the children components 1`] = `
         >
           <g transform="translate(20, 10)">
             <div>
-              [{"id":"1","label":"Alpha","value":50,"amount":10},{"id":"2","label":"Beta","value":100,"amount":20},{"id":"3","label":"Gamma","value":75,"amount":30}]
+              [{"id":"1","label":"Alpha","value0":35,"value":50,"amount":10},{"id":"2","label":"Beta","value0":80,"value":100,"amount":20},{"id":"3","label":"Gamma","value0":60,"value":75,"amount":30}]
             </div>
           </g>
         </svg>

diff --git a/packages/ez-dev/jest/snapshots/components/addons/Tooltip.spec.tsx.snap b/packages/ez-dev/jest/snapshots/components/addons/Tooltip.spec.tsx.snap
@@ -19,6 +19,14 @@ exports[`Tooltip renders the tooltip when a shape is hovered 1`] = `
   >
   </div>
   <div class="ez-tooltip-text">
+    <div class="ez-tooltip-attribute value0">
+      <div class="ez-tooltip-attribute--name">
+        value0 :
+      </div>
+      <div class="ez-tooltip-attribute--value">
+        35
+      </div>
+    </div>
     <div class="ez-tooltip-attribute value">
       <div class="ez-tooltip-attribute--name">
         value :