Some presets fixed.

Author: simzer

src/apps/weblib/js-api/presets.js

@@ -127,6 +127,7 @@ export default class Presets {
           y: "y",
           color: "color",
           size: "size",
+          noop: "dividedBy"
         },
         geometry: "circle",
       },
@@ -145,7 +146,7 @@ export default class Presets {
         },
         geometry: "area",
       },
-      precentageArea: {
+      percentageArea: {
         channels: {
           x: "x",
           y: ["y", "stackedBy"],
@@ -219,8 +220,9 @@ export default class Presets {
       },
       pie: {
         channels: {
-          x: ["angle", "stackedBy"],
-          color: "stackedBy",
+          x: ["angle", "by"],
+          color: "by",
+          label: "angle"
         },
         coordSystem: "polar",
       },
@@ -241,21 +243,12 @@ export default class Presets {
       },
       variableRadiusPie: {
         channels: {
-          x: ["angle", "stackedBy"],
+          x: ["angle", "by"],
           y: "radius",
-          color: "stackedBy",
+          color: "by",
         },
         coordSystem: "polar",
       },
-      polarArea: {
-        channels: {
-          x: "angle",
-          y: ["radius", "stackedBy"],
-          color: "stackedBy",
-        },
-        coordSystem: "polar",
-        geometry: "area",
-      },
       radialBar: {
         channels: {
           x: "angle",
@@ -281,7 +274,7 @@ export default class Presets {
       nestedDonut: {
         channels: {
           x: ["angle", "stackedBy"],
-          y: "groupedBy",
+          y: "radius",
           color: "stackedBy",
           label: "angle",
         },
@@ -295,6 +288,7 @@ export default class Presets {
           noop: "dividedBy",
         },
         coordSystem: "polar",
+        geometry: "circle",
       },
       polarLine: {
         channels: {
@@ -314,10 +308,10 @@ export default class Presets {
       },
       stackedTreemap: {
         channels: {
-          size: ["siye", "lightness"],
+          size: ["size", "dividedBy"],
           color: "color",
-          label: "lightness",
-          lightness: "lightness",
+          label: "dividedBy",
+          lightness: "size"
         },
       },
       heatmap: {

test/integration/test_cases/web_content/preset/24_C_C_bubbleplot.mjs

@@ -7,7 +7,7 @@ const testSteps = [
             x:'Value 4 (+/-)',
             y:'Value 5 (+/-)',
             color:'Joy factors',
-            noop:'Country',
+            dividedBy:'Country',
             size:'Value 3 (+)',
             title: 'Bubble Plot'
           }),

test/integration/test_cases/web_content/preset/40_P_R_pie.mjs

@@ -6,7 +6,7 @@ const testSteps = [
             data: data,
             config: chart.constructor.presets.pie({
                 angle:'Value 2 (+)',
-                stackedBy:'Joy factors',
+                by:'Joy factors',
                 title: 'Pie Chart'
               }),
             style:

test/integration/test_cases/web_content/preset/44_P_R_variable_radius_pie_chart.mjs

@@ -7,7 +7,7 @@ const testSteps = [
             config: chart.constructor.presets.variableRadiusPie({
                 angle:'Value 2 (+)',
                 radius: 'Value 1 (+)',
-                stackedBy:'Joy factors',
+                by:'Joy factors',
                 title: 'Variable Radius Pie Chart'
               }),
             style: {

test/integration/test_cases/web_content/preset/52_P_R_nested_donut.mjs

@@ -12,7 +12,7 @@ const testSteps = [
             config: chart.constructor.presets.nestedDonut({
                 angle:'Value 2 (+)',
                 stackedBy:'Joy factors',
-                groupedBy:'Country',
+                radius:'Country',
                 title: 'Nested Donut Chart'
               }),
             style: {

test/integration/test_cases/web_content/preset/59_W_R_stacked_treemap.mjs

@@ -4,11 +4,11 @@ const testSteps = [
     chart => chart.animate(
         {
             data: data,
-            config: chart.constructor.presets.treemap({
+            config: chart.constructor.presets.stackedTreemap({
                 size:'Value 2 (+)',
                 color:'Joy factors',
-                lightness:'Value 2 (+)',
-                title: 'Stacked Treemap'
+                title: 'Stacked Treemap',
+                dividedBy: 'Country_code'
               }),
             style: {
                 plot: {