docs: Correct samples for bubble and combination charts

Author: dimovpetar

plugins/ui5/skills/integration-cards/SKILL.md

@@ -1107,6 +1107,7 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
 
 22. bubble
     * UIDs: dataFrame, color, shape, valueAxis, valueAxis2, bubbleWidth
+    * Note: Requires at least 3 measures (for valueAxis, valueAxis2, and bubbleWidth)
     * Example:
         ```json
         {
@@ -1115,6 +1116,10 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
               "name": "Expansion",
               "value": "{expansionField}"
             },
+            {
+              "name": "Cost",
+              "value": "{costField}"
+            },
             {
               "name": "Size",
               "value": "{sizeField}"
@@ -1127,6 +1132,16 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
             }
           ],
           "feeds": [
+            {
+              "type": "Measure",
+              "uid": "valueAxis",
+              "values": ["Expansion"]
+            },
+            {
+              "type": "Measure",
+              "uid": "valueAxis2",
+              "values": ["Cost"]
+            },
             {
               "type": "Measure",
               "uid": "bubbleWidth",
@@ -1136,18 +1151,14 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
               "type": "Dimension",
               "uid": "color",
               "values": ["Sector"]
-            },
-            {
-              "type": "Measure",
-              "uid": "valueAxis",
-              "values": ["Expansion"]
             }
           ]
         }
         ```
 
 23. time_bubble
-    * UIDs: dataFrame, color, shape, valueAxis, valueAxis2, bubbleWidth
+    * UIDs: dataFrame, color, shape, valueAxis, valueAxis2, bubbleWidth, timeAxis
+    * Note: Requires timeAxis dimension, at least 2 measures (for valueAxis and bubbleWidth), and a color dimension
     * Example:
         ```json
         {
@@ -1156,6 +1167,10 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
               "name": "Expansion",
               "value": "{expansionField}"
             },
+            {
+              "name": "Growth",
+              "value": "{growthField}"
+            },
             {
               "name": "Size",
               "value": "{sizeField}"
@@ -1177,6 +1192,16 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
               "uid": "timeAxis",
               "values": ["Year"]
             },
+            {
+              "type": "Measure",
+              "uid": "valueAxis",
+              "values": ["Expansion"]
+            },
+            {
+              "type": "Measure",
+              "uid": "valueAxis2",
+              "values": ["Growth"]
+            },
             {
               "type": "Measure",
               "uid": "bubbleWidth",
@@ -1193,6 +1218,7 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
 
 24. timeseries_bubble
     * UIDs: color, shape, valueAxis, timeAxis, bubbleWidth
+    * Note: Requires timeAxis dimension with dataType "date", bubbleWidth measure, and valueAxis measure
     * Example:
         ```json
         {
@@ -1244,6 +1270,7 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
 
 25. scatter
     * UIDs: dataFrame, color, shape, valueAxis, valueAxis2
+    * Note: Requires 2 measures for valueAxis and valueAxis2
     * Example:
         ```json
         {
@@ -1576,13 +1603,18 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
 
 35. combination
     * UIDs: dataFrame, categoryAxis, color, valueAxis
+    * Note: Requires at least 2 measures in the valueAxis feed for proper rendering
     * Example:
         ```json
         {
           "measures": [
             {
               "name": "Expense",
               "value": "{expenseField}"
+            },
+            {
+              "name": "Revenue",
+              "value": "{revenueField}"
             }
           ],
           "dimensions": [
@@ -1600,21 +1632,26 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
             {
               "type": "Measure",
               "uid": "valueAxis",
-              "values": ["Expense"]
+              "values": ["Expense", "Revenue"]
             }
           ]
         }
         ```
 
 36. stacked_combination
     * UIDs: dataFrame, categoryAxis, color, valueAxis
+    * Note: Requires at least 2 measures in the valueAxis feed for proper rendering
     * Example:
         ```json
         {
           "measures": [
             {
               "name": "Revenue",
               "value": "{revenueField}"
+            },
+            {
+              "name": "Sales",
+              "value": "{salesField}"
             }
           ],
           "dimensions": [
@@ -1632,21 +1669,26 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
             {
               "type": "Measure",
               "uid": "valueAxis",
-              "values": ["Revenue"]
+              "values": ["Revenue", "Sales"]
             }
           ]
         }
         ```
 
 37. horizontal_stacked_combination
     * UIDs: dataFrame, categoryAxis, color, valueAxis
+    * Note: Requires at least 2 measures in the valueAxis feed for proper rendering
     * Example:
         ```json
         {
           "measures": [
             {
               "name": "Growth",
               "value": "{growthField}"
+            },
+            {
+              "name": "Revenue",
+              "value": "{revenueField}"
             }
           ],
           "dimensions": [
@@ -1664,7 +1706,7 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
             {
               "type": "Measure",
               "uid": "valueAxis",
-              "values": ["Growth"]
+              "values": ["Growth", "Revenue"]
             }
           ]
         }
@@ -1836,13 +1878,18 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
 
 42. timeseries_combination
     * UIDs: timeAxis, color, valueAxis
+    * Note: Requires at least 2 measures in the valueAxis feed for proper rendering
     * Example:
         ```json
         {
           "measures": [
             {
               "name": "Earnings",
               "value": "{earningsField}"
+            },
+            {
+              "name": "Revenue",
+              "value": "{revenueField}"
             }
           ],
           "dimensions": [
@@ -1861,7 +1908,7 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
             {
               "type": "Measure",
               "uid": "valueAxis",
-              "values": ["Earnings"]
+              "values": ["Earnings", "Revenue"]
             }
           ]
         }
@@ -1911,13 +1958,18 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
 
 44. timeseries_stacked_combination
     * UIDs: timeAxis, color, valueAxis
+    * Note: Requires at least 2 measures in the valueAxis feed for proper rendering
     * Example:
         ```json
         {
           "measures": [
             {
               "name": "Performance",
               "value": "{performanceField}"
+            },
+            {
+              "name": "Revenue",
+              "value": "{revenueField}"
             }
           ],
           "dimensions": [
@@ -1936,8 +1988,7 @@ sap.ui.define(["sap/ui/integration/Designtime"], function (Designtime) {
             {
               "type": "Measure",
               "uid": "valueAxis",
-              "values": ["Performance"]
+              "values": ["Performance", "Revenue"]
             }
           ]
-        }
-        ```
+        }