1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
| const getNormalLine = ()=>{
| return {
| title: {
| text: ''
| },
| tooltip: {
| trigger: 'axis'
| },
| legend: {
| data: []
| },
| grid: {
| left: '3%',
| right: '4%',
| bottom: '3%',
| containLabel: true
| },
| toolbox: {
| feature: {
| saveAsImage: {}
| }
| },
| xAxis: {
| type: 'category',
| boundaryGap: true,
| axisLine: { //坐标轴轴线相关设置。数学上的x轴
| show: true,
| lineStyle: {
| color: '#f9f9f9'
| },
| },
| axisLabel: { //坐标轴刻度标签的相关设置
| textStyle: {
| color: '#d1e6eb',
| margin: 15,
| },
| },
| axisTick: {
| show: false,
| },
| data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
| },
| yAxis: {
| type: 'value',
| splitLine: {
| show: true,
| lineStyle: {
| color: '#0a3256'
| }
| },
| axisLine: {
| show: true,
| },
| axisLabel: {
| margin: 20,
| textStyle: {
| color: '#d1e6eb',
|
| },
| },
| axisTick: {
| show: false,
| },
| },
| series: [
| {
| name: '电池组1',
| type: 'line',
| stack: 'Total',
| data: [120, 132, 101, 134, 90, 230, 210]
| },
| {
| name: '电池组2',
| type: 'line',
| stack: 'Total',
| data: [220, 182, 191, 234, 290, 330, 310]
| },
| {
| name: '电池组3',
| type: 'line',
| stack: 'Total',
| data: [150, 232, 201, 154, 190, 330, 410]
| },
| {
| name: '电池组5',
| type: 'line',
| stack: 'Total',
| data: [320, 332, 301, 334, 390, 330, 320]
| },
| {
| name: 'Search Engine',
| type: 'line',
| stack: 'Total',
| data: [820, 932, 901, 934, 1290, 1330, 1320]
| }
| ]
| }
| }
| export default getNormalLine;
|
|
