index.config.ts
1 KB
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
const data = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
const seriesList = [
{ value: 120, name: '123', itemStyle: { color: '#5470c6' } },
{ value: 150, name: '456', itemStyle: { color: '#5470c6' } },
{ value: 40, name: '789', itemStyle: { color: '#5470c6' } },
{ value: 139, name: '111', itemStyle: { color: '#5470c6' } },
{ value: 130, name: '222', itemStyle: { color: '#5470c6' } },
{ value: 125, name: '333', itemStyle: { color: '#5470c6' } },
{ value: 110, name: '444', itemStyle: { color: '#5470c6' } },
]
export const defaultOption = {
color: ['#3398DB'],
tooltip: {
// 提示框
trigger: 'item',
confine: true,
axisPointer: {
type: 'shadow',
},
},
xAxis: {
type: 'category',
data,
axisTick: {
alignWithLabel: true,
},
},
grid: {
top: '10%',
left: '10%',
bottom: '10%',
},
yAxis: {
type: 'value',
},
series: [
{
name: '',
type: 'bar',
barWidth: '60%',
data: seriesList,
},
],
}