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
|
export const pieChartconfig = {
height: 320,
option: {
tooltip: {
trigger: 'item',
formatter: '{b}\n{c},{d}%'
},
legend: {
orient: 'vertical',
type: 'scroll',
left: '0px',
bottom: '0px',
itemWidth: 10,
itemHeight: 10,
textStyle: {
color: "#3C4F8C"
},
data: []
},
color: ["#7AC0EF", "#FB7788","#6A86D8","#A6BFE4","#748CDC", "#7277D4", "#7067CE", "#B9B0F7", "#7DCFF5"],
series: [{
name: "",
radius: '55%',
center: ['50%', '45%'],
label: {
normal: {
show: false,
},
emphasis: {
show: false,
formatter: '{b}\n{c},{d}%',
color: "#3C4F8C"
}
}
}]
}
};
export const lineChartconfig = {
height: 320,
option: {
"tooltip": {
"trigger": "axis",
"axisPointer": {
"type": "line",
textStyle: {
color: "#fff"
},
lineStyle: {
color: '#ccc'
}
},
},
legend: {
bottom: '0px',
type: 'scroll',
data: []
},
xAxis: {
data: []
},
color: ["#7AC0EF", "#FB7788","#6A86D8","#A6BFE4","#748CDC", "#7277D4", "#7067CE", "#B9B0F7", "#7DCFF5"],
series: [
{
name: '',
type: 'line',
data: []
},
{
name: 'Memory',
type: 'line',
data: []
},
{
name: 'Disk',
type: 'line',
data: []
}
]
}
}
|