Web content. Set the layout of the comments.

Author: andraskangyal

test/integration/test_cases/web_content/sample_static/cartesian/column_grouped_rectangle_negative_2dis_1con.mjs

@@ -12,7 +12,8 @@ const testSteps = [
             },
             title: 'Grouped Column Chart'
         },
-        style: { // Labels have to be rotated on this chart.
+        // Labels have to be rotated on this chart.
+        style: { 
             plot: {
                 marker: {
                     label: {

test/integration/test_cases/web_content/sample_static/cartesian/column_stacked_rectangle_negative_2dis_1con.mjs

@@ -12,7 +12,8 @@ const testSteps = [
             },
             title: 'Stacked Column Chart'
         },
-        style: { // Labels have to be rotated on this chart.
+        // Labels have to be rotated on this chart.
+        style: { 
             plot: {
                 xAxis: {
                     label: {

test/integration/test_cases/web_content/sample_static/cartesian/histogram_rectangle_negative_1dis_1con.mjs

@@ -12,7 +12,9 @@ const testSteps = [
       title: 'Histogram',
       align: 'none'
     },
-    style: { // Spaces between markers should be eliminated on this chart. 
+    /* Spaces between markers should be
+    eliminated on this chart. */
+    style: { 
       'plot.marker.rectangleSpacing': 0.07
     }
   })

test/integration/test_cases/web_content/sample_static/cartesian/waterfall_rectangle_negative_1dis_1con.mjs

@@ -6,7 +6,9 @@ const testSteps = [
         config: {
             channels: {
                 x: { set: ['Year'] },
-                y: { set: ['Year', 'Value 5 (+/-)'] }, // Adding the same dimension (Year) on both axes is how you create a Waterfall Chart in Vizzu. 
+                /* Adding the same dimension (Year) on both axes is
+                how you create a Waterfall Chart in Vizzu. */
+                y: { set: ['Year', 'Value 5 (+/-)'] }, 
                 label: { set: ['Value 5 (+/-)'] }
             },
             title: 'Waterfall Chart',

test/integration/test_cases/web_content/sample_static/polar/coxcomb_stacked_rectangle_2dis_1con.mjs

@@ -12,7 +12,9 @@ const testSteps = [
             title: 'Nightingale (Coxcomb) Chart',
             coordSystem: 'polar'
         },
-        style: { // y-axis and its labels are unnecessary on these types of charts.
+        /* y-axis and its labels are unnecessary
+           on these types of charts. */
+        style: { 
             plot: {
                 yAxis: {
                     title: {

test/integration/test_cases/web_content/sample_static/polar/donut_rectangle_1dis_1con.mjs

@@ -6,14 +6,19 @@ const testSteps = [
         config: {
             channels: {
                 x: { set: ['Joy factors', 'Value 2 (+)'] },
-                y: { range: { min: '-200%' } }, // Setting the radius of the empty circle in the centre.
+                /* Setting the radius of the empty circle
+                in the centre. */
+                y: { range: { min: '-200%' } }, 
                 color: { set: ['Joy factors'] },
                 label: { set: ['Value 2 (+)'] }
             },
             title: 'Donut Chart',
             coordSystem: 'polar'
         },
-        style: { // All axes and axis labels are unnecessary on these types of charts. Meanwhile the marker labels are enlarged. 
+        /* All axes and axis labels are unnecessary
+        on these types of charts. Meanwhile the marker labels
+        are enlarged. */
+        style: {
             plot: {
                 marker: {
                     label: {

test/integration/test_cases/web_content/sample_static/polar/pie_rectangle_1dis_1con.mjs

@@ -12,7 +12,10 @@ const testSteps = [
             title: 'Pie Chart',
             coordSystem: 'polar'
         },
-        style: { // All axes and axis labels are unnecessary on these types of charts. Meanwhile the marker labels are enlarged. 
+        /* All axes and axis labels are unnecessary
+        on these types of charts. Meanwhile the marker labels
+        are enlarged. */
+        style: { 
             plot: {
                 marker: {
                     label: {

test/integration/test_cases/web_content/sample_static/polar/radial_rectangle_1dis_1con.mjs

@@ -8,15 +8,20 @@ const testSteps = [
                 x: { set: ['Value 2 (+)'] },
                 y: {
                     set: ['Joy factors'],
-                    range: { min: '-30%' } // Setting the radius of the empty circle in the centre.
+                    /* Setting the radius of the empty circle
+                    in the centre. */
+                    range: { min: '-30%' }
                 },
                 color: { set: ['Joy factors'] },
                 label: { set: ['Value 2 (+)'] }
             },
             title: 'Radial Bar Chart',
             coordSystem: 'polar'
         },
-        style: { // All axes and axis labels are unnecessary on these types of charts, except for the labels of the y-axis.
+        /* All axes and axis labels are unnecessary 
+        on these types of charts, except for the labels 
+        of the y-axis. */
+        style: { 
             plot: {
                 yAxis: {
                     color: '#ffffff00',

test/integration/test_cases/web_content/sample_static/polar/radial_stacked_rectangle_2dis_1con.mjs

@@ -8,15 +8,19 @@ const testSteps = [
                 x: { set: ['Country', 'Value 2 (+)'] },
                 y: {
                     set: ['Year'],
-                    range: { min: '-20%' } // Setting the radius of the empty circle in the centre.
+                    /* Setting the radius of the empty circle
+                    in the centre. */
+                    range: { min: '-20%' }
                 },
                 color: { set: ['Country'] },
                 lightness: { set: ['Year'] }
             },
             title: 'Stacked Radial Bar Chart',
             coordSystem: 'polar'
         },
-        style: { // This chart type no needs axles and axis labels, except smaller yAxis-labels. 
+        /* This chart type no needs axles and axis labels,
+        except smaller yAxis-labels. */
+        style: { 
             plot: {
                 yAxis: {
                     color: '#ffffff00',

test/integration/test_cases/web_content/sample_static/polar/spiderweb_area_1dis_1con.mjs

@@ -8,22 +8,26 @@ const testSteps = [
                 x: { set: ['Year'] },
                 y: {
                     set: ['$exists', 'Value 2 (+)'],
-                    range: { max: '130%' } // Set enough space for tangential labels.
+                    /* Set enough space for 
+                    tangential labels. */
+                    range: { max: '130%' }
                 },
                 label: { set: ['Value 2 (+)'] },
             },
             title: 'Polar Area Chart',
             geometry: 'area',
             coordSystem: 'polar',
         },
-        style: { // y-axis and its labels are unnecessary on these types of charts.
+        style: {
             plot: {
                 marker: {
                     label: {
                         orientation: 'tangential',
                         angle: 3.14 * -0.5
                     }
                 },
+                /* y-axis and its labels are unnecessary
+                on these types of charts. */
                 yAxis: {
                     title: { color: '#ffffff00' },
                     label: { color: '#ffffff00' }