[O] Use afterconfig
This commit is contained in:
@@ -12,6 +12,17 @@ export default class OverallLine extends Vue
|
|||||||
{
|
{
|
||||||
@Prop({required: true}) courses: Course[];
|
@Prop({required: true}) courses: Course[];
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Override options
|
||||||
|
*
|
||||||
|
* @param options Original options (Unused)
|
||||||
|
*/
|
||||||
|
afterConfig(options: any)
|
||||||
|
{
|
||||||
|
console.log(options);
|
||||||
|
return this.settings;
|
||||||
|
}
|
||||||
|
|
||||||
private settings =
|
private settings =
|
||||||
{
|
{
|
||||||
...GraphUtils.getBaseSettings('Average Grade', 'Average score trend for every course'),
|
...GraphUtils.getBaseSettings('Average Grade', 'Average score trend for every course'),
|
||||||
@@ -44,16 +55,11 @@ export default class OverallLine extends Vue
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
chartCache: any;
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Convert assignments list to a graph dataset.
|
* Convert assignments list to a graph dataset.
|
||||||
*/
|
*/
|
||||||
get convertChart()
|
get convertChart()
|
||||||
{
|
{
|
||||||
// Caching
|
|
||||||
if (this.chartCache != undefined) return this.chartCache;
|
|
||||||
|
|
||||||
let courses = this.courses.filter(c => c.assignments.length > 0);
|
let courses = this.courses.filter(c => c.assignments.length > 0);
|
||||||
|
|
||||||
// Compute the column names
|
// Compute the column names
|
||||||
@@ -158,8 +164,7 @@ export default class OverallLine extends Vue
|
|||||||
rows.push(row);
|
rows.push(row);
|
||||||
});
|
});
|
||||||
|
|
||||||
return this.chartCache =
|
return {
|
||||||
{
|
|
||||||
columns: columns,
|
columns: columns,
|
||||||
rows: rows
|
rows: rows
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="overall-line">
|
<div id="overall-line">
|
||||||
<ve-line :data="convertChart" :extend="settings"></ve-line>
|
<ve-line :data="convertChart" :extend="{a: this.courses}" :after-config="afterConfig"></ve-line>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user