Fixed #407 - Histogram - A Rating scale is visualized on a Date-Time …

…scale by default

src/plotly/histogram.ts

@@ -51,6 +51,10 @@ export class HistogramPlotly extends HistogramModel {
     }
     return statistics;
   }
+
+  public getValueType(): "date" | "number" {
+    return this.valueType;
+  }
 }
 
 VisualizationManager.registerVisualizer("date", HistogramPlotly);

src/plotly/setup.ts

@@ -341,6 +341,11 @@ export class PlotlySetup {
         tickcolor: "transparent",
       };
     }
+    if((model as any).getValueType() != "date") {
+      layout.xaxis = {
+        type: "category",
+      };
+    }
 
     return { traces, layout, hasSeries };
   }

tests/histogram.test.ts

@@ -421,6 +421,7 @@ test("histogram original data keep number original values", () => {
     rateStep: 1
   };
   const number = new HistogramModel(question, [{ "question2": "Yes", "question1": 3 }, { "question2": "It is going so well!!!", "question1": 5 }, { "question2": false, "question1": 5 }, { "question2": true, "question1": 1 }, { "question2": false, "question1": 5 }, { "question3": "item2", "question2": false, "question1": 5 }]);
+  expect(number["valueType"]).toBe("number");
   expect(number.getValues()).toEqual([1, 2, 3, 4, 5]);
   expect(number.getLabels()).toEqual(["1", "2", "3", "4", "5"]);
 
@@ -429,6 +430,19 @@ test("histogram original data keep number original values", () => {
   expect(selectedItem.text).toBe("5");
 });
 
+test("histogram rating should be numeric", () => {
+  const question: any = {
+    getType: () => "rating",
+    type: "rating",
+    name: "question1",
+    rateMin: 0,
+    rateMax: 10,
+    rateStep: 1
+  };
+  const number = new HistogramModel(question, []);
+  expect(number["valueType"]).toBe("number");
+});
+
 test("histogram should use rate values", () => {
   const json = {
     questions: [