diff --git a/src/pages/overall/overall-line/overall-line.ts b/src/pages/overall/overall-line/overall-line.ts index 15f8613..9d2a91a 100644 --- a/src/pages/overall/overall-line/overall-line.ts +++ b/src/pages/overall/overall-line/overall-line.ts @@ -13,13 +13,43 @@ export default class OverallLine extends Vue @Prop({required: true}) courses: Course[]; filteredCourses: Course[]; + settings: any; /** * When this component is created */ created() { + // Filter courses this.filteredCourses = this.courses.filter(c => c.isGraded && c.assignments.length > 0); + + // Generate settings + this.settings = + { + ...GraphUtils.getBaseSettings('Average Grade', 'Average score trend for every course'), + + // Zoom bar + dataZoom: + [ + { + startValue: Math.max(moment().subtract(30, 'days').toDate().getTime(), + CourseUtils.getTermBeginDate().getTime()) + }, + { + type: 'inside' + } + ], + series: this.series(), + xAxis: + { + type: 'time' + }, + yAxis: + { + min: (value: any) => Math.floor(value.min), + max: (value: any) => Math.min(value.max, 110) + } + } } /** @@ -29,37 +59,9 @@ export default class OverallLine extends Vue */ afterConfig(options: any) { - console.log(options); return this.settings; } - private settings = - { - ...GraphUtils.getBaseSettings('Average Grade', 'Average score trend for every course'), - - // Zoom bar - dataZoom: - [ - { - startValue: Math.max(moment().subtract(30, 'days').toDate().getTime(), - CourseUtils.getTermBeginDate().getTime()) - }, - { - type: 'inside' - } - ], - series: this.series(), - xAxis: - { - type: 'time' - }, - yAxis: - { - min: (value: any) => Math.floor(value.min), - max: (value: any) => Math.min(value.max, 110) - } - }; - /** * Generate series data */