diff --git a/src/app/teacher/milestone/milestone-report-graph/milestone-report-graph.component.ts b/src/app/teacher/milestone/milestone-report-graph/milestone-report-graph.component.ts
index ba4866d8b18..2c43e110c6b 100644
--- a/src/app/teacher/milestone/milestone-report-graph/milestone-report-graph.component.ts
+++ b/src/app/teacher/milestone/milestone-report-graph/milestone-report-graph.component.ts
@@ -4,10 +4,11 @@ import { rgbToHex } from '../../../../assets/wise5/common/color/color';
import { trimToLength } from '../../../../assets/wise5/common/string/string';
@Component({
- selector: 'milestone-report-graph',
- styleUrls: ['./milestone-report-graph.component.scss'],
- template: '',
- standalone: false
+ selector: 'milestone-report-graph',
+ styleUrls: ['./milestone-report-graph.component.scss'],
+ template:
+ '',
+ standalone: false
})
export class MilestoneReportGraphComponent implements OnInit {
DEFAULT_COLOR = 'rgb(194, 24, 91)';
@@ -136,4 +137,10 @@ export class MilestoneReportGraphComponent implements OnInit {
}
return seriesData;
}
+
+ protected onLoad(chart: Highcharts.Chart): void {
+ setTimeout(() => {
+ chart.reflow();
+ }, 0);
+ }
}
diff --git a/src/messages.xlf b/src/messages.xlf
index 04b6fdd5eb6..073997f62c8 100644
--- a/src/messages.xlf
+++ b/src/messages.xlf
@@ -9178,7 +9178,7 @@ Click "Cancel" to keep the invalid JSON open so you can fix it.Teams
src/app/teacher/milestone/milestone-report-graph/milestone-report-graph.component.ts
- 71
+ 72