survey-analytics 2.2.6 → 2.3.0

package/fesm/survey.analytics.core.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.2.6
+ * surveyjs - SurveyJS Dashboard library v2.3.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/fesm/survey.analytics.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - SurveyJS Dashboard library v2.2.6
+ * surveyjs - SurveyJS Dashboard library v2.3.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -169,24 +169,6 @@ class PlotlySetup {
                     topMargin +
                     bottomMargin;
         }
-        // labels.forEach((label, index) => {
-        //   traces[index].marker.color = undefined;
-        //   traces[index].name = label;
-        //   if (model.chartType === "stackedbar") {
-        //     traces[index].type = "bar";
-        //     traces[index].width = 0.5;
-        //   } else {
-        //     traces[index].width =
-        //       (model.showPercentages ? 0.7 : 0.5) / traces.length;
-        //   }
-        // });
-        // traces.forEach((trace, traceIndex) => {
-        //   const percentString = model.showPercentages ? "%" : "";
-        //   traces[traceIndex].hovertext = [];
-        //   yFullTexts.forEach((yFullText, yFullTextIndex) => {
-        //     traces[traceIndex].hovertext.push(`${trace.y[yFullTextIndex]} : ${trace.name}, ${trace.text[yFullTextIndex]}${percentString}`);
-        //   });
-        // });
         if (["ar", "fa"].indexOf(localization.currentLocale) !== -1) {
             layout.xaxis.autorange = "reversed";
             layout.yaxis.side = "right";
@@ -415,6 +397,75 @@ class PlotlySetup {
         };
         return { traces, layout, hasSeries: false };
     }
+    static setupRadar(model, answersData) {
+        let { datasets, labels, colors, texts, seriesLabels, } = answersData;
+        const hasSeries = seriesLabels.length > 1 || model.question.getType() === "matrix";
+        const traces = [];
+        const traceConfig = {
+            type: "scatterpolar",
+            mode: "lines+markers",
+            fill: "toself",
+            line: {
+                width: 2
+            },
+            marker: {
+                size: 6
+            }
+        };
+        datasets.forEach((dataset, index) => {
+            const traceName = hasSeries ? seriesLabels[index] : "";
+            const trace = Object.assign({}, traceConfig, {
+                r: dataset,
+                theta: labels,
+                name: traceName,
+                text: texts[index],
+                hoverinfo: "r+theta+name",
+                customdata: labels,
+                hovertemplate: "%{theta}: %{r}" +
+                    "<extra></extra>",
+                line: Object.assign(Object.assign({}, traceConfig.line), { color: colors[index % colors.length] }),
+                marker: Object.assign(Object.assign({}, traceConfig.marker), { color: colors[index % colors.length] })
+            });
+            traces.push(trace);
+        });
+        const layout = {
+            font: {
+                family: "Segoe UI, sans-serif",
+                size: 14,
+                weight: "normal",
+                color: "#404040",
+            },
+            polar: {
+                radialaxis: {
+                    visible: true,
+                    range: [0, Math.max(...datasets.map(s => Math.max(...s))) * 1.1],
+                    tickfont: {
+                        size: 12
+                    }
+                },
+                angularaxis: {
+                    tickfont: {
+                        size: 12
+                    },
+                    ticktext: labels.map((label) => {
+                        return PlotlySetup.getTruncatedLabel(label, model.labelTruncateLength);
+                    }),
+                    tickvals: labels
+                }
+            },
+            showlegend: hasSeries,
+            colorway: colors,
+            plot_bgcolor: model.backgroundColor,
+            paper_bgcolor: model.backgroundColor,
+            margin: {
+                l: 50,
+                r: 50,
+                t: 50,
+                b: 50
+            }
+        };
+        return { traces, layout, hasSeries };
+    }
 }
 PlotlySetup.imageExportFormat = "png";
 /**
@@ -436,6 +487,7 @@ PlotlySetup.setups = {
     scatter: PlotlySetup.setupScatter,
     gauge: PlotlySetup.setupGauge,
     bullet: PlotlySetup.setupGauge,
+    radar: PlotlySetup.setupRadar,
 };
 PlotlySetup.getTruncatedLabel = (label, labelTruncateLength) => {
     const truncateSymbols = "...";
@@ -527,6 +579,7 @@ const plotlyChartTypes = {
     "matrix": MatrixPlotly.types,
     "matrixDropdownGrouped": MatrixDropdownGroupedPlotly.types,
     "pivot": PivotPlotly.types,
+    "ranking": [].concat(SelectBasePlotly.types).concat(["radar"]),
 };
 class PlotlyChartAdapter {
     constructor(model) {
@@ -546,11 +599,19 @@ class PlotlyChartAdapter {
             const chartType = this.model.chartType;
             if (chartType === "pie" || chartType === "doughnut") {
                 traces.forEach((trace) => {
+                    if (!trace)
+                        return;
+                    if (!trace.marker)
+                        trace.marker = {};
                     trace.marker.colors = boolColors;
                 });
             }
             else if (chartType === "bar") {
                 traces.forEach((trace) => {
+                    if (!trace)
+                        return;
+                    if (!trace.marker)
+                        trace.marker = {};
                     trace.marker.color = boolColors;
                 });
             }