|
@@ -1,5 +1,5 @@
|
|
<template>
|
|
<template>
|
|
- <m-card>
|
|
|
|
|
|
+ <m-card header="各支行绩效结果2024年度排行榜">
|
|
<e-charts ref="eChart" class="box"></e-charts>
|
|
<e-charts ref="eChart" class="box"></e-charts>
|
|
</m-card>
|
|
</m-card>
|
|
</template>
|
|
</template>
|
|
@@ -10,14 +10,37 @@ export default {
|
|
mounted () {
|
|
mounted () {
|
|
const chart = this.$refs.eChart.onInit()
|
|
const chart = this.$refs.eChart.onInit()
|
|
chart.setOption({
|
|
chart.setOption({
|
|
|
|
+ tooltip: {
|
|
|
|
+ trigger: 'axis',
|
|
|
|
+ axisPointer: {
|
|
|
|
+ type: 'cross'
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ toolbox: {
|
|
|
|
+ feature: {
|
|
|
|
+ dataView: { show: true, readOnly: false },
|
|
|
|
+ restore: { show: true },
|
|
|
|
+ saveAsImage: { show: true }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ legend: {
|
|
|
|
+ data: ['Evaporation', 'Precipitation', 'Temperature']
|
|
|
|
+ },
|
|
xAxis: {
|
|
xAxis: {
|
|
- data: ['20', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
|
|
|
|
|
|
+ name: '支行',
|
|
|
|
+ data: ['分行本部', '遂溪支行', '坡头支行', '霞山支行', '吴川支行', '赤坎支行', '分行营业部', '廉江支行', '徐闻支行', '雷州支行', '开发区支行', '第二支行']
|
|
|
|
+ },
|
|
|
|
+ yAxis: {
|
|
|
|
+ name: '万元'
|
|
},
|
|
},
|
|
- yAxis: {},
|
|
|
|
series: [
|
|
series: [
|
|
{
|
|
{
|
|
|
|
+ label: {
|
|
|
|
+ show: true,
|
|
|
|
+ position: 'top'
|
|
|
|
+ },
|
|
type: 'bar',
|
|
type: 'bar',
|
|
- data: [23, 24, 18, 25, 27, 28, 25]
|
|
|
|
|
|
+ data: [5400.00, 4832.55, 3200.00, 2842.52, 2500.00, 2400.00, 2522.56, 2422.56, 2422.56, 2422.56, 2422.56, 2422.56]
|
|
}
|
|
}
|
|
]
|
|
]
|
|
})
|
|
})
|