[IMP] demo: add demo tree map chart

Task: 4364295
odoo · Dec 10, 2024 · bf69c5e · bf69c5e
1 parent 0998187
commit bf69c5e
Showing 1 changed file with 90 additions and 1 deletion.
diff --git a/demo/data.js b/demo/data.js
@@ -179,7 +179,72 @@ export const demoData = {
       rows: {},
       cols: {},
       merges: [],
-      cells: { B2: { content: "42" } },
+      cells: {
+        B2: { content: "42" },
+        V6: { content: "Movie Genre" },
+        V7: { content: "Action" },
+        V8: { content: "Action" },
+        V9: { content: "Action" },
+        V10: { content: "Action" },
+        V11: { content: "Action" },
+        V12: { content: "Animation" },
+        V13: { content: "Animation" },
+        V14: { content: "Animation" },
+        V15: { content: "Animation" },
+        V16: { content: "Animation" },
+        V17: { content: "Drama" },
+        V18: { content: "Drama" },
+        V19: { content: "Drama" },
+        V20: { content: "Drama" },
+        V21: { content: "Drama" },
+        V22: { content: "Action" },
+        V23: { content: "Animation" },
+        V24: { content: "Drama" },
+        V25: { content: "Action" },
+        V26: { content: "Animation" },
+        W6: { content: "Movie Name" },
+        W7: { content: "Avengers: Endgame" },
+        W8: { content: "The Dark Knight" },
+        W9: { content: "Jurassic World" },
+        W10: { content: "Fast & Furious 7" },
+        W11: { content: "Spider-Man: No Way Home" },
+        W12: { content: "Frozen II" },
+        W13: { content: "Minions" },
+        W14: { content: "Toy Story 4" },
+        W15: { content: "The Lion King (2019)" },
+        W16: { content: "Despicable Me 3" },
+        W17: { content: "Titanic" },
+        W18: { content: "Joker" },
+        W19: { content: "Forrest Gump" },
+        W20: { content: "Bohemian Rhapsody" },
+        W21: { content: "The Revenant" },
+        W22: { content: "Black Panther" },
+        W23: { content: "Shrek 2" },
+        W24: { content: "Interstellar" },
+        W25: { content: "Iron Man 3" },
+        W26: { content: "Coco" },
+        X6: { content: "Revenue" },
+        X7: { content: "2798000000", format: 7 },
+        X8: { content: "1006000000", format: 7 },
+        X9: { content: "1671000000", format: 7 },
+        X10: { content: "1516000000", format: 7 },
+        X11: { content: "1921000000", format: 7 },
+        X12: { content: "1450000000", format: 7 },
+        X13: { content: "1159000000", format: 7 },
+        X14: { content: "1073000000", format: 7 },
+        X15: { content: "1657000000", format: 7 },
+        X16: { content: "1035000000", format: 7 },
+        X17: { content: "2201000000", format: 7 },
+        X18: { content: "1074000000", format: 7 },
+        X19: { content: "678200000", format: 7 },
+        X20: { content: "910000000", format: 7 },
+        X21: { content: "533000000", format: 7 },
+        X22: { content: "1347000000", format: 7 },
+        X23: { content: "935300000", format: 7 },
+        X24: { content: "701800000", format: 7 },
+        X25: { content: "1215000000", format: 7 },
+        X26: { content: "807800000", format: 7 },
+      },
       conditionalFormats: [],
       figures: [
         {
@@ -348,6 +413,29 @@ export const demoData = {
             aggregated: false,
           },
         },
+        {
+          id: "11",
+          x: 100,
+          y: 1500,
+          width: 900,
+          height: 400,
+          tag: "chart",
+          data: {
+            type: "treemap",
+            dataSetsHaveTitle: true,
+            dataSets: [
+              {
+                dataRange: "V6:V26",
+              },
+              {
+                dataRange: "W6:W26",
+              },
+            ],
+            legendPosition: "top",
+            labelRange: "X6:X26",
+            title: { text: "Movie Revenue by Genre" },
+          },
+        },
       ],
       tables: [],
       areGridLinesVisible: true,
@@ -2543,6 +2631,7 @@ export const demoData = {
     4: "hh:mm:ss a",
     5: "d/m/yyyy",
     6: "[$$]#,##0.00",
+    7: '$#,##0,,"K"',
   },
   borders: {
     1: { bottom: { style: "thin", color: "#000" } },