|
|
@@ -2,7 +2,7 @@
|
|
2
|
2
|
* @Author: dayan_hjm 一次合格率
|
|
3
|
3
|
* @Date: 2023-10-23 09:32:12
|
|
4
|
4
|
* @Last Modified by: dayan_hjm
|
|
5
|
|
- * @Last Modified time: 2023-11-08 17:53:47
|
|
|
5
|
+ * @Last Modified time: 2023-11-29 10:53:47
|
|
6
|
6
|
*/
|
|
7
|
7
|
|
|
8
|
8
|
|
|
|
@@ -22,9 +22,9 @@ class BottomLineForSend extends Component {
|
|
22
|
22
|
super(props, context);
|
|
23
|
23
|
this.store = mod;
|
|
24
|
24
|
this.state = {
|
|
25
|
|
- targeRate:[],
|
|
26
|
|
- year:[],
|
|
27
|
|
- qcRate:[],
|
|
|
25
|
+ targeRate: [],
|
|
|
26
|
+ year: [],
|
|
|
27
|
+ qcRate: [],
|
|
28
|
28
|
};
|
|
29
|
29
|
}
|
|
30
|
30
|
|
|
|
@@ -41,13 +41,19 @@ class BottomLineForSend extends Component {
|
|
41
|
41
|
qcRate.push(x.qcRate)
|
|
42
|
42
|
targeRate.push(x.targeRate)
|
|
43
|
43
|
});
|
|
44
|
|
- this.setState({ year, targeRate,qcRate });
|
|
|
44
|
+ this.setState({ year, targeRate, qcRate });
|
|
45
|
45
|
this.setData();
|
|
46
|
46
|
}
|
|
47
|
47
|
});
|
|
48
|
48
|
}
|
|
|
49
|
+ roundFun(value=0) {
|
|
|
50
|
+ value = value * 100;
|
|
|
51
|
+ var str = parseFloat(value).toFixed(10);
|
|
|
52
|
+ var num = str.substring(0,str.lastIndexOf('.')+3);
|
|
|
53
|
+ return num
|
|
|
54
|
+ }
|
|
|
55
|
+
|
|
49
|
56
|
|
|
50
|
|
-
|
|
51
|
57
|
setData() {
|
|
52
|
58
|
setTimeout(() => {
|
|
53
|
59
|
// 基于准备好的dom,初始化echarts实例
|
|
|
@@ -57,15 +63,30 @@ class BottomLineForSend extends Component {
|
|
57
|
63
|
tooltip: {
|
|
58
|
64
|
trigger: 'axis',
|
|
59
|
65
|
axisPointer: { type: 'shadow' },
|
|
60
|
|
- borderColor:"rgba(105, 255, 222, 0.5)",
|
|
61
|
|
- borderWidth:2,
|
|
62
|
|
- padding:2,
|
|
63
|
|
- textStyle:{
|
|
64
|
|
- fontSize:12,
|
|
65
|
|
- color:"#ededed"
|
|
|
66
|
+ borderColor: "rgba(105, 255, 222, 0.5)",
|
|
|
67
|
+ borderWidth: 2,
|
|
|
68
|
+ padding: 2,
|
|
|
69
|
+ textStyle: {
|
|
|
70
|
+ fontSize: 12,
|
|
|
71
|
+ color: "#ededed"
|
|
66
|
72
|
},
|
|
67
|
|
- formatter: '{a0}: {c0}<br />{a1}: {c1}',
|
|
68
|
|
- backgroundColor:"#0000008a"
|
|
|
73
|
+ formatter: (param)=> {
|
|
|
74
|
+ return (param[0] && param[0].seriesName ? param[0].seriesName + ":" : "") + (param[0] && param[0].value ? this.roundFun(param[0].value) + "%<br />" : "") + (param[1] && param[1].seriesName ? param[1].seriesName + ":" : "") + (param[1] && param[1].value ? this.roundFun(param[1].value) + "%" : "")
|
|
|
75
|
+ // return (
|
|
|
76
|
+ // <div>
|
|
|
77
|
+ // <p>
|
|
|
78
|
+ // <span>{param[0] && param[0].seriesName ? param[0].seriesName + ":" : ""}</span>
|
|
|
79
|
+ // <span>{param[0] && param[0].value ? param[0].value.toFixed(2) + "%<br />" : ""}</span>
|
|
|
80
|
+ // </p>
|
|
|
81
|
+ // <p>
|
|
|
82
|
+ // <span>{param[1] && param[1].seriesName ? param[1].seriesName + ":" : ""}</span>
|
|
|
83
|
+ // <span>{param[1] && param[1].value ? param[1].value.toFixed(2) + "%" : ""}</span>
|
|
|
84
|
+ // </p>
|
|
|
85
|
+ // </div>
|
|
|
86
|
+ // )
|
|
|
87
|
+ },
|
|
|
88
|
+ // `{a0}: {c0}<br />{a1}: {c1}`,
|
|
|
89
|
+ backgroundColor: "#0000008a"
|
|
69
|
90
|
}, "grid": {
|
|
70
|
91
|
"top": "20%",
|
|
71
|
92
|
"right": "5%",
|
|
|
@@ -79,7 +100,7 @@ class BottomLineForSend extends Component {
|
|
79
|
100
|
top: 0,
|
|
80
|
101
|
textStyle: {
|
|
81
|
102
|
color: "#fff",
|
|
82
|
|
- fontSize:10,
|
|
|
103
|
+ fontSize: 10,
|
|
83
|
104
|
},
|
|
84
|
105
|
itemWidth: 12,
|
|
85
|
106
|
itemHeight: 5,
|
|
|
@@ -92,9 +113,9 @@ class BottomLineForSend extends Component {
|
|
92
|
113
|
axisLabel: {
|
|
93
|
114
|
textStyle: { color: "'#7d7d7d'", fontSize: '12', },
|
|
94
|
115
|
},
|
|
95
|
|
- splitLine:{
|
|
96
|
|
- show:true,
|
|
97
|
|
- lineStyle:{
|
|
|
116
|
+ splitLine: {
|
|
|
117
|
+ show: true,
|
|
|
118
|
+ lineStyle: {
|
|
98
|
119
|
color: '#3b3b3b',
|
|
99
|
120
|
type: 'dashed',
|
|
100
|
121
|
|
|
|
@@ -120,9 +141,9 @@ class BottomLineForSend extends Component {
|
|
120
|
141
|
fontSize: 12
|
|
121
|
142
|
}
|
|
122
|
143
|
},
|
|
123
|
|
- splitLine:{
|
|
124
|
|
- show:true,
|
|
125
|
|
- lineStyle:{
|
|
|
144
|
+ splitLine: {
|
|
|
145
|
+ show: true,
|
|
|
146
|
+ lineStyle: {
|
|
126
|
147
|
color: '#3b3b3b',
|
|
127
|
148
|
type: 'dashed',
|
|
128
|
149
|
|