diff --git a/src/logic/utils/graph-utils.ts b/src/logic/utils/graph-utils.ts index 99bc6fb..6b0b1b3 100644 --- a/src/logic/utils/graph-utils.ts +++ b/src/logic/utils/graph-utils.ts @@ -87,4 +87,12 @@ export default class GraphUtils padding: [3, 5] } } + + /** + * CSS shadow string (extraCssText) for tooltip + */ + static tooltipCssShadow() + { + return {extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'} + } } diff --git a/src/pages/course/course-scatter/course-scatter.ts b/src/pages/course/course-scatter/course-scatter.ts index e4e2fd4..34e5df6 100644 --- a/src/pages/course/course-scatter/course-scatter.ts +++ b/src/pages/course/course-scatter/course-scatter.ts @@ -62,6 +62,8 @@ export default class CourseScatter extends Vue // Tooltip tooltip: { + ...GraphUtils.tooltipCssShadow(), + trigger: 'axis', axisPointer: { diff --git a/src/pages/course/type-pie/type-pie.ts b/src/pages/course/type-pie/type-pie.ts index 5a0a928..7d08664 100644 --- a/src/pages/course/type-pie/type-pie.ts +++ b/src/pages/course/type-pie/type-pie.ts @@ -31,7 +31,7 @@ export default class TypePie extends Vue ...GraphUtils.getBaseSettings('Assignment Type Weight', 'How much each type of assignment affect your average'), - tooltip: {}, + tooltip: GraphUtils.tooltipCssShadow(), // Data series: diff --git a/src/pages/course/type-radar/type-radar.ts b/src/pages/course/type-radar/type-radar.ts index 48a590b..76ba7e2 100644 --- a/src/pages/course/type-radar/type-radar.ts +++ b/src/pages/course/type-radar/type-radar.ts @@ -66,7 +66,7 @@ export default class TypeRadar extends Vue center: ['50%', '55%'] }, - tooltip: {}, + tooltip: GraphUtils.tooltipCssShadow(), // Data series: diff --git a/src/pages/overall/overall-line/overall-line.ts b/src/pages/overall/overall-line/overall-line.ts index 66f81b1..6d329b9 100644 --- a/src/pages/overall/overall-line/overall-line.ts +++ b/src/pages/overall/overall-line/overall-line.ts @@ -44,6 +44,8 @@ export default class OverallLine extends Vue // Tooltip tooltip: { + ... GraphUtils.tooltipCssShadow(), + trigger: 'axis' },