Bar chart for ratings

Hi Dmitry,

That’s brilliant many thanks for the update!

Thanks

Greg

Exactly what I needed!

Thanks Serge

Hi Serge,

I have implemented this as dicussed in the ticket you have linked. One side effect I have noticed is that for the rating questions that have the comment property enabled; the comments appear to be rendered twice in the visualizer (see attached image).

Any idea how we could prevent this duplication

Here is a copy of my JS

JavaScript
//Survey JS
        class RatingPlotly extends SurveyAnalytics.SelectBasePlotly {
        valuesSource() {
            return this.question.visibleRateValues;
            }
        }

        SurveyAnalytics.VisualizationManager.registerVisualizer("rating", RatingPlotly);

        SurveyAnalytics.localization.locales["en"]["visualizer_selectBase"] =
        "Plotly";

        SurveyAnalytics.localization.locales["en"]["visualizer_number"] =
        "Average";

        var survey = new Survey.Model(@Html.Raw(Model.CadetModule.Survey.SurveyJson));
        var allQuestions = survey.getAllQuestions();

        var summary = document.getElementById("summary");
        summary.innerHTML = "";

        var table = document.getElementById("table");
        table.innerHTML = ""

        var data = @Html.Raw(Model.Results);
        console.log(data);

        var visPanel = new SurveyAnalytics.VisualizationPanel(
            allQuestions.filter(q => q.getType() !== "html"),
            data,
        );

        //used to filter out html question types from table view
        var columns = allQuestions.filter(function(question) { return question.getType() !== "html"; }).map(function (question) {
            return {
                name: question.name,
                displayName: (question.title || "").trim() || question.name,
                dataType:
                question.getType() !== "file" ? 0 : 1,
                isVisible: true,
                isPublic: true,
                location: 0, // column
            };
        });

        var surveyAnalyticsTabulator = new SurveyAnalyticsTabulator.Tabulator(survey, data, undefined, columns);

        visPanel.showHeader = true;

        surveyAnalyticsTabulator.render(table)

         $("#graphLoadingIndicator").hide();

        visPanel.render(summary);

        $("#tableLoadingIndicator").hide();