[S] Add drop shadow to tooltip
This commit is contained in:
@@ -87,4 +87,12 @@ export default class GraphUtils
|
|||||||
padding: [3, 5]
|
padding: [3, 5]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* CSS shadow string (extraCssText) for tooltip
|
||||||
|
*/
|
||||||
|
static tooltipCssShadow()
|
||||||
|
{
|
||||||
|
return {extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -62,6 +62,8 @@ export default class CourseScatter extends Vue
|
|||||||
// Tooltip
|
// Tooltip
|
||||||
tooltip:
|
tooltip:
|
||||||
{
|
{
|
||||||
|
...GraphUtils.tooltipCssShadow(),
|
||||||
|
|
||||||
trigger: 'axis',
|
trigger: 'axis',
|
||||||
axisPointer:
|
axisPointer:
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -31,7 +31,7 @@ export default class TypePie extends Vue
|
|||||||
...GraphUtils.getBaseSettings('Assignment Type Weight',
|
...GraphUtils.getBaseSettings('Assignment Type Weight',
|
||||||
'How much each type of assignment affect your average'),
|
'How much each type of assignment affect your average'),
|
||||||
|
|
||||||
tooltip: {},
|
tooltip: GraphUtils.tooltipCssShadow(),
|
||||||
|
|
||||||
// Data
|
// Data
|
||||||
series:
|
series:
|
||||||
|
|||||||
@@ -66,7 +66,7 @@ export default class TypeRadar extends Vue
|
|||||||
center: ['50%', '55%']
|
center: ['50%', '55%']
|
||||||
},
|
},
|
||||||
|
|
||||||
tooltip: {},
|
tooltip: GraphUtils.tooltipCssShadow(),
|
||||||
|
|
||||||
// Data
|
// Data
|
||||||
series:
|
series:
|
||||||
|
|||||||
@@ -44,6 +44,8 @@ export default class OverallLine extends Vue
|
|||||||
// Tooltip
|
// Tooltip
|
||||||
tooltip:
|
tooltip:
|
||||||
{
|
{
|
||||||
|
... GraphUtils.tooltipCssShadow(),
|
||||||
|
|
||||||
trigger: 'axis'
|
trigger: 'axis'
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user