azalea/VeracrossAnalyzerDemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[+] Add opacity param to markline generation

Browse Source
This commit is contained in:
Hykilpikonna
2019-11-09 16:05:25 -05:00
parent 80267feb54
commit 91e10d1fa8
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/logic/utils/graph-utils.ts
+6 -6
View File
@@ -22,22 +22,22 @@ export default class GraphUtils
/**
* Get mark areas for percentage scores
*/
static getGradeMarkAreas()
static getGradeMarkAreas(opacity: number)
{
return {
silent: true,
data:
[
// Above 100
[{itemStyle: {color: 'rgba(230,253,255,0.09)'}, yAxis: 120}, {yAxis: 100}],
[{itemStyle: {color: 'rgba(230,253,255)', opacity: opacity}, yAxis: 120}, {yAxis: 100}],
// 90 to 100
[{itemStyle: {color: 'rgba(241,255,237,0.09)'}, yAxis: 100}, {yAxis: 90}],
[{itemStyle: {color: 'rgba(241,255,237)', opacity: opacity}, yAxis: 100}, {yAxis: 90}],
// 80 to 90
[{itemStyle: {color: 'rgba(255,250,216,0.09)'}, yAxis: 90}, {yAxis: 80}],
[{itemStyle: {color: 'rgba(255,250,216)', opacity: opacity}, yAxis: 90}, {yAxis: 80}],
// 70 to 80
[{itemStyle: {color: 'rgba(255,225,199,0.1)'}, yAxis: 80}, {yAxis: 70}],
[{itemStyle: {color: 'rgba(255,225,199)', opacity: opacity}, yAxis: 80}, {yAxis: 70}],
// Below 70 (Fail)
[{itemStyle: {color: 'rgb(255,190,184, 0.09)'}, yAxis: 70}, {yAxis: -100}]
[{itemStyle: {color: 'rgb(255,190,184)', opacity: opacity}, yAxis: 70}, {yAxis: -100}]
]
}
}
src/pages/overall/overall-line/overall-line.ts
+1 -1
View File
@@ -43,7 +43,7 @@ export default class OverallLine extends Vue
{
smooth: true,
markLine: GraphUtils.getTermLines(),
markArea: GraphUtils.getGradeMarkAreas()
markArea: GraphUtils.getGradeMarkAreas(0.09)
},
xAxis:
{