[IMP] demo: add demo data for sunburst chart

Task: 4575651

Author: hokolomopo

demo/data.js

@@ -226,7 +226,7 @@ export const demoData = {
       colNumber: 26,
       rowNumber: 174,
       rows: {},
-      cols: {},
+      cols: { 22: { size: 166 } },
       merges: [],
       cells: {
         B2: "42",
@@ -418,9 +418,78 @@ export const demoData = {
         W30: "=W29 - RANDBETWEEN(10, 40)",
         W31: "=W30 - RANDBETWEEN(10, 40)",
         W32: "=W31 - RANDBETWEEN(10, 40)",
+        V1: "Movie Genre",
+        V2: "Action",
+        V3: "Action",
+        V4: "Action",
+        V5: "Action",
+        V6: "Action",
+        V7: "Animation",
+        V8: "Animation",
+        V9: "Animation",
+        V10: "Animation",
+        V11: "Animation",
+        V12: "Drama",
+        V13: "Drama",
+        V14: "Drama",
+        V15: "Drama",
+        V16: "Drama",
+        V17: "Action",
+        V18: "Animation",
+        V19: "Drama",
+        V20: "Action",
+        V21: "Animation",
+        V22: "Misc",
+        V23: "Misc",
+        W1: "Movie Name",
+        W2: "Avengers: Endgame",
+        W3: "The Dark Knight",
+        W4: "Jurassic World",
+        W5: "Fast & Furious 7",
+        W6: "Spider-Man: No Way Home",
+        W7: "Frozen II",
+        W8: "Minions",
+        W9: "Toy Story 4",
+        W10: "The Lion King (2019)",
+        W11: "Despicable Me 3",
+        W12: "Titanic",
+        W13: "Joker",
+        W14: "Forrest Gump",
+        W15: "Bohemian Rhapsody",
+        W16: "The Revenant",
+        W17: "Black Panther",
+        W18: "Shrek 2",
+        W19: "Interstellar",
+        W20: "Iron Man 3",
+        W21: "Coco",
+        X1: "Revenue",
+        X2: "2798000000",
+        X3: "1006000000",
+        X4: "1671000000",
+        X5: "1516000000",
+        X6: "1921000000",
+        X7: "1450000000",
+        X8: "1159000000",
+        X9: "1073000000",
+        X10: "1657000000",
+        X11: "1035000000",
+        X12: "2201000000",
+        X13: "1074000000",
+        X14: "678200000",
+        X15: "910000000",
+        X16: "533000000",
+        X17: "1347000000",
+        X18: "935300000",
+        X19: "701800000",
+        X20: "1215000000",
+        X21: "807800000",
+        X22: "3215000000",
+        X23: "1212000000",
       },
       styles: {},
-      formats: {},
+      formats: {
+        "X1:X23": 7,
+      },
       borders: {},
       conditionalFormats: [],
       dataValidationRules: [],
@@ -695,6 +764,29 @@ export const demoData = {
             region: "world",
           },
         },
+        {
+          id: "11",
+          x: 100,
+          y: 1800,
+          width: 400,
+          height: 400,
+          tag: "chart",
+          data: {
+            type: "sunburst",
+            dataSetsHaveTitle: true,
+            dataSets: [
+              {
+                dataRange: "V1:V23",
+              },
+              {
+                dataRange: "W1:W23",
+              },
+            ],
+            legendPosition: "top",
+            labelRange: "X1:X23",
+            title: { text: "Movie Revenue by Genre" },
+          },
+        },
         {
           id: "12",
           x: 950,
@@ -730,6 +822,21 @@ export const demoData = {
             styleId: "TableStyleMedium7",
           },
         },
+        {
+          range: "V1:X23",
+          type: "static",
+          config: {
+            hasFilters: false,
+            totalRow: false,
+            firstColumn: true,
+            lastColumn: false,
+            numberOfHeaders: 1,
+            bandedRows: true,
+            bandedColumns: false,
+            automaticAutofill: true,
+            styleId: "TableStyleMedium3",
+          },
+        },
         {
           range: "V27:W32",
           type: "static",
@@ -3282,6 +3389,7 @@ export const demoData = {
     4: "hh:mm:ss a",
     5: "d/m/yyyy",
     6: "[$$]#,##0.00",
+    7: '$#,##0,,"K"',
   },
   borders: {
     1: {