Fix types in QuestionGroupChart component

2025-07-10 09:23:01 +02:00
parent f3f490d960
commit fa8a0e4763
3 changed files with 10 additions and 4 deletions
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -35,7 +35,7 @@ function App() {

  // Create scales
  const xScale = d3
-    .scaleBand()
+    .scaleBand<number>()
    .domain(sortedResponses)
    .range([0, sortedResponses.length * config.groupSpacing]);
  return (
--- a/src/components/QuestionGroupChart.tsx
+++ b/src/components/QuestionGroupChart.tsx
@@ -10,9 +10,9 @@ import "./Chart.css";
 interface QuestionGroupChartProps {
  question: string;
  metadata?: CategoryMetadata;
-  groupData: { response: string }[];
-  responses: string[];
-  xScale: d3.ScaleBand<string>;
+  groupData: { response: number }[];
+  responses: number[];
+  xScale: d3.ScaleBand<number>;
 }

 function makeDot(