|
|
|
import { EChartsOption } from 'echarts'
|
|
|
|
|
|
|
|
const { t } = useI18n()
|
|
|
|
|
|
|
|
|
|
|
|
export const pieOptions: EChartsOption = {
|
|
|
|
title: {
|
|
|
|
text: '完成率90%',
|
|
|
|
left: 'center',
|
|
|
|
top: '35%',
|
|
|
|
textStyle: {
|
|
|
|
fontSize: 16,
|
|
|
|
fontWeight: 'bold'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
tooltip: {
|
|
|
|
trigger: 'item',
|
|
|
|
formatter: '{a} <br/>{b} : {c} ({d}%)'
|
|
|
|
},
|
|
|
|
legend: {
|
|
|
|
orient: 'horizontal',
|
|
|
|
bottom: 10,
|
|
|
|
left: 'center',
|
|
|
|
|
|
|
|
data: [
|
|
|
|
'执法一队',
|
|
|
|
'执法二队',
|
|
|
|
'执法三队',
|
|
|
|
'执法四队',
|
|
|
|
'执法五队',
|
|
|
|
]
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
name: t('analysis.userAccessSource'),
|
|
|
|
type: 'pie',
|
|
|
|
radius: ['40%', '70%'],
|
|
|
|
center: ['50%', '40%'],
|
|
|
|
itemStyle: {
|
|
|
|
borderRadius: 10,
|
|
|
|
borderColor: '#fff',
|
|
|
|
borderWidth: 2
|
|
|
|
},
|
|
|
|
data: [
|
|
|
|
{ value: 335, name: '执法一队' },
|
|
|
|
{ value: 310, name: '执法二队' },
|
|
|
|
{ value: 234, name:'执法三队' },
|
|
|
|
{ value: 135, name: '执法四队' },
|
|
|
|
{ value: 1548, name: '执法五队' }
|
|
|
|
]
|
|
|
|
}
|
|
|
|
]
|
|
|
|
}
|
|
|
|
|
|
|
|
export const barOptions: EChartsOption = {
|
|
|
|
title: {
|
|
|
|
text: '月均执法任务数',
|
|
|
|
left: 'center'
|
|
|
|
},
|
|
|
|
tooltip: {
|
|
|
|
trigger: 'axis',
|
|
|
|
axisPointer: {
|
|
|
|
type: 'shadow'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
grid: {
|
|
|
|
left: 50,
|
|
|
|
right: 20,
|
|
|
|
bottom: 20
|
|
|
|
},
|
|
|
|
xAxis: {
|
|
|
|
type: 'category',
|
|
|
|
data: [
|
|
|
|
'一月',
|
|
|
|
'二月',
|
|
|
|
'三月',
|
|
|
|
'四月',
|
|
|
|
'五月',
|
|
|
|
'六月',
|
|
|
|
|
|
|
|
],
|
|
|
|
axisTick: {
|
|
|
|
alignWithLabel: true
|
|
|
|
}
|
|
|
|
},
|
|
|
|
yAxis: {
|
|
|
|
type: 'value'
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
name: t('analysis.activeQuantity'),
|
|
|
|
data: [13253, 34235, 26321, 12340, 24643, 1322, 1324],
|
|
|
|
type: 'bar'
|
|
|
|
}
|
|
|
|
]
|
|
|
|
}
|
|
|
|
|
|
|
|
export const lineOptions: EChartsOption = {
|
|
|
|
title: {
|
|
|
|
text: '月均执法任务数',
|
|
|
|
left: 'center'
|
|
|
|
},
|
|
|
|
tooltip: {
|
|
|
|
trigger: 'axis',
|
|
|
|
axisPointer: {
|
|
|
|
type: 'shadow'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
grid: {
|
|
|
|
left: 50,
|
|
|
|
right: 20,
|
|
|
|
bottom: 20
|
|
|
|
},
|
|
|
|
xAxis: {
|
|
|
|
type: 'category',
|
|
|
|
data: [
|
|
|
|
'一月',
|
|
|
|
'二月',
|
|
|
|
'三月',
|
|
|
|
'四月',
|
|
|
|
'五月',
|
|
|
|
'六月',
|
|
|
|
|
|
|
|
],
|
|
|
|
axisTick: {
|
|
|
|
alignWithLabel: true
|
|
|
|
}
|
|
|
|
},
|
|
|
|
yAxis: {
|
|
|
|
type: 'value'
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
name: '任务数',
|
|
|
|
data: [13253, 34235, 26321, 12340, 24643, 1322, 1324],
|
|
|
|
type: 'line'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: '执法数',
|
|
|
|
data: [15678, 28943, 31452, 19876, 22345, 25678, 18234],
|
|
|
|
type: 'line'
|
|
|
|
}
|
|
|
|
|
|
|
|
]
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|