|
|
@@ -97,7 +97,7 @@ let app = new Vue({
|
|
|
swiper.el.onmouseout = function () {
|
|
|
swiper.autoplay.start();
|
|
|
}
|
|
|
- }, 500)
|
|
|
+ })
|
|
|
},
|
|
|
methods: {
|
|
|
convertData (data) {
|
|
|
@@ -589,7 +589,7 @@ let app = new Vue({
|
|
|
},
|
|
|
},
|
|
|
yAxis: {
|
|
|
- // name: '亿元',
|
|
|
+ name: '亿元',
|
|
|
nameTextStyle: {//y轴上方单位的颜色
|
|
|
color: '#fff',
|
|
|
},
|
|
|
@@ -932,10 +932,10 @@ let app = new Vue({
|
|
|
],
|
|
|
}
|
|
|
myChart.setOption(option)
|
|
|
- tools.loopShowTooltip(myChart, option, {
|
|
|
- nterval: 2000,
|
|
|
- loopSeries: true,
|
|
|
- })
|
|
|
+ // tools.loopShowTooltip(myChart, option, {
|
|
|
+ // nterval: 2000,
|
|
|
+ // loopSeries: true,
|
|
|
+ // })
|
|
|
},
|
|
|
initChartL4 () {
|
|
|
let myChart = echarts.init(this.$refs['echartL4'])
|
|
|
@@ -951,16 +951,20 @@ let app = new Vue({
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
+ formatter: '{b}' + '：' + '{c}' + '<br/>' + '占比：' + '{d}%',
|
|
|
+ // position: ['30%', '87%'],
|
|
|
},
|
|
|
color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3'],
|
|
|
legend: {
|
|
|
- show: false,
|
|
|
+ orient: 'horizontal',
|
|
|
+ show: true,
|
|
|
icon: 'circle',
|
|
|
top: 'bottom',
|
|
|
orient: 'vertical',
|
|
|
- right: '1%',
|
|
|
+ right: '-3%',
|
|
|
textStyle: {
|
|
|
color: '#9DB9EB',
|
|
|
+ fontSize: '10px'
|
|
|
},
|
|
|
},
|
|
|
series: [
|
|
|
@@ -968,10 +972,12 @@ let app = new Vue({
|
|
|
name: '',
|
|
|
type: 'pie',
|
|
|
// radius: ['0%', '70%'],
|
|
|
- radius: ['50%', '75%'],
|
|
|
- center: ['50%', '60%'],
|
|
|
+ radius: ['40%', '55%'],
|
|
|
+ center: ['45%', '55%'],
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
+ borderColor: 'rgba(1,31,64,0.7)',
|
|
|
+ borderWidth: 6,
|
|
|
label: {
|
|
|
show: false,
|
|
|
},
|
|
|
@@ -1009,16 +1015,19 @@ let app = new Vue({
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
+ formatter: '{b}' + '：' + '{c}' + '<br/>' + '占比：' + '{d}%',
|
|
|
+ // position: ['30%', '87%'],
|
|
|
},
|
|
|
color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3'],
|
|
|
legend: {
|
|
|
- show: false,
|
|
|
+ show: true,
|
|
|
icon: 'circle',
|
|
|
top: 'bottom',
|
|
|
orient: 'vertical',
|
|
|
- right: '1%',
|
|
|
+ right: '-3%',
|
|
|
textStyle: {
|
|
|
color: '#9DB9EB',
|
|
|
+ fontSize: '10px'
|
|
|
},
|
|
|
},
|
|
|
series: [
|
|
|
@@ -1026,10 +1035,12 @@ let app = new Vue({
|
|
|
name: '',
|
|
|
type: 'pie',
|
|
|
// radius: ['0%', '70%'],
|
|
|
- radius: ['50%', '75%'],
|
|
|
- center: ['50%', '60%'],
|
|
|
+ radius: ['40%', '55%'],
|
|
|
+ center: ['45%', '55%'],
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
+ borderColor: 'rgba(1,31,64,0.7)',
|
|
|
+ borderWidth: 6,
|
|
|
label: {
|
|
|
show: false,
|
|
|
},
|
|
|
@@ -1066,16 +1077,19 @@ let app = new Vue({
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
+ formatter: '{b}' + '：' + '{c}' + '<br/>' + '占比：' + '{d}%',
|
|
|
+ // position: ['30%', '87%'],
|
|
|
},
|
|
|
color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3'],
|
|
|
legend: {
|
|
|
- show: false,
|
|
|
+ show: true,
|
|
|
icon: 'circle',
|
|
|
top: 'bottom',
|
|
|
orient: 'vertical',
|
|
|
- right: '1%',
|
|
|
+ right: '-3%',
|
|
|
textStyle: {
|
|
|
color: '#9DB9EB',
|
|
|
+ fontSize: '10px'
|
|
|
},
|
|
|
},
|
|
|
series: [
|
|
|
@@ -1083,10 +1097,12 @@ let app = new Vue({
|
|
|
name: '',
|
|
|
type: 'pie',
|
|
|
// radius: ['0%', '70%'],
|
|
|
- radius: ['50%', '75%'],
|
|
|
- center: ['50%', '60%'],
|
|
|
+ radius: ['40%', '55%'],
|
|
|
+ center: ['45%', '55%'],
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
+ borderColor: 'rgba(1,31,64,0.7)',
|
|
|
+ borderWidth: 6,
|
|
|
label: {
|
|
|
show: false,
|
|
|
},
|
|
|
@@ -1123,16 +1139,19 @@ let app = new Vue({
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
+ formatter: '{b}' + '：' + '{c}' + '<br/>' + '占比：' + '{d}%',
|
|
|
+ // position: ['30%', '87%'],
|
|
|
},
|
|
|
color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3'],
|
|
|
legend: {
|
|
|
- show: false,
|
|
|
+ show: true,
|
|
|
icon: 'circle',
|
|
|
top: 'bottom',
|
|
|
orient: 'vertical',
|
|
|
- right: '1%',
|
|
|
+ right: '-3%',
|
|
|
textStyle: {
|
|
|
color: '#9DB9EB',
|
|
|
+ fontSize: '10px'
|
|
|
},
|
|
|
},
|
|
|
series: [
|
|
|
@@ -1140,10 +1159,12 @@ let app = new Vue({
|
|
|
name: '',
|
|
|
type: 'pie',
|
|
|
// radius: ['0%', '70%'],
|
|
|
- radius: ['50%', '75%'],
|
|
|
- center: ['50%', '60%'],
|
|
|
+ radius: ['40%', '55%'],
|
|
|
+ center: ['45%', '55%'],
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
+ borderColor: 'rgba(1,31,64,0.7)',
|
|
|
+ borderWidth: 6,
|
|
|
label: {
|
|
|
show: false,
|
|
|
},
|
|
|
@@ -1338,16 +1359,19 @@ let app = new Vue({
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
+ formatter: '{b}' + '：' + '{c}' + '<br/>' + '占比：' + '{d}%',
|
|
|
+ // position: ['-5%', '95%'],
|
|
|
},
|
|
|
color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3'],
|
|
|
legend: {
|
|
|
- show: false,
|
|
|
+ show: true,
|
|
|
icon: 'circle',
|
|
|
top: 'bottom',
|
|
|
orient: 'vertical',
|
|
|
- right: '1%',
|
|
|
+ right: '-3%',
|
|
|
textStyle: {
|
|
|
color: '#9DB9EB',
|
|
|
+ fontSize: '10px'
|
|
|
},
|
|
|
},
|
|
|
series: [
|
|
|
@@ -1358,6 +1382,8 @@ let app = new Vue({
|
|
|
center: ['50%', '45%'],
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
+ borderColor: 'rgba(1,31,64,0.7)',
|
|
|
+ borderWidth: 6,
|
|
|
label: {
|
|
|
show: false,
|
|
|
},
|
|
|
@@ -1395,16 +1421,19 @@ let app = new Vue({
|
|
|
},
|
|
|
tooltip: {
|
|
|
trigger: 'item',
|
|
|
+ formatter: '{b}' + '：' + '{c}' + '<br/>' + '占比：' + '{d}%',
|
|
|
+ // position: ['-5%', '95%'],
|
|
|
},
|
|
|
color: ['#6682f5', '#8ba2ff', '#69c0ff', '#43ede3'],
|
|
|
legend: {
|
|
|
- show: false,
|
|
|
+ show: true,
|
|
|
icon: 'circle',
|
|
|
top: 'bottom',
|
|
|
orient: 'vertical',
|
|
|
- right: '1%',
|
|
|
+ right: '-3%',
|
|
|
textStyle: {
|
|
|
color: '#9DB9EB',
|
|
|
+ fontSize: '10px'
|
|
|
},
|
|
|
},
|
|
|
series: [
|
|
|
@@ -1415,6 +1444,8 @@ let app = new Vue({
|
|
|
center: ['50%', '45%'],
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
+ borderColor: 'rgba(1,31,64,0.7)',
|
|
|
+ borderWidth: 6,
|
|
|
label: {
|
|
|
show: false,
|
|
|
},
|
unknown