|
@@ -1,6 +1,6 @@
|
|
|
let app = new Vue({
|
|
|
el: '#app',
|
|
|
- data() {
|
|
|
+ data () {
|
|
|
return {
|
|
|
year: '2022',
|
|
|
time: '',
|
|
@@ -49,18 +49,18 @@ let app = new Vue({
|
|
|
],
|
|
|
}
|
|
|
},
|
|
|
- created() {
|
|
|
+ created () {
|
|
|
this.time = formatDate()
|
|
|
this.timer = setInterval(() => {
|
|
|
this.time = formatDate()
|
|
|
}, 1000)
|
|
|
},
|
|
|
- beforeDestroy() {
|
|
|
+ beforeDestroy () {
|
|
|
if (this.timer) {
|
|
|
clearInterval(this.timer);
|
|
|
}
|
|
|
},
|
|
|
- mounted() {
|
|
|
+ mounted () {
|
|
|
|
|
|
setTimeout(() => {
|
|
|
this.initChartL1()
|
|
@@ -74,7 +74,7 @@ let app = new Vue({
|
|
|
}, 0)
|
|
|
},
|
|
|
methods: {
|
|
|
- convertData(data) {
|
|
|
+ convertData (data) {
|
|
|
var res = []
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
var geoCoord = this.geoCoordMap[data[i].name]
|
|
@@ -87,7 +87,7 @@ let app = new Vue({
|
|
|
}
|
|
|
return res
|
|
|
},
|
|
|
- initChinaChart() {
|
|
|
+ initChinaChart () {
|
|
|
var data = [
|
|
|
{ name: '吕梁市', value: 150 },
|
|
|
{ name: '大同市', value: 190 },
|
|
@@ -523,7 +523,7 @@ let app = new Vue({
|
|
|
],
|
|
|
})
|
|
|
},
|
|
|
- initChartL1() {
|
|
|
+ initChartL1 () {
|
|
|
let myChart = echarts.init(this.$refs['echartL1'])
|
|
|
let option = {
|
|
|
title: {
|
|
@@ -552,7 +552,7 @@ let app = new Vue({
|
|
|
{
|
|
|
name: '',
|
|
|
type: 'pie',
|
|
|
- radius: ['50%','70%',],
|
|
|
+ radius: ['50%', '70%',],
|
|
|
center: ['50%', '45%'],
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
@@ -582,7 +582,7 @@ let app = new Vue({
|
|
|
loopSeries: true,
|
|
|
})
|
|
|
},
|
|
|
- initChartL2() {
|
|
|
+ initChartL2 () {
|
|
|
let myChart = echarts.init(this.$refs['echartL2'])
|
|
|
var value = 0.45;
|
|
|
var data = [value];
|
|
@@ -653,7 +653,7 @@ let app = new Vue({
|
|
|
}
|
|
|
myChart.setOption(option)
|
|
|
},
|
|
|
- initChartL3() {
|
|
|
+ initChartL3 () {
|
|
|
let myChart = echarts.init(this.$refs['echartL3'])
|
|
|
let option = {
|
|
|
tooltip: {
|
|
@@ -778,7 +778,7 @@ let app = new Vue({
|
|
|
loopSeries: true,
|
|
|
})
|
|
|
},
|
|
|
- initChartL4() {
|
|
|
+ initChartL4 () {
|
|
|
let myChart = echarts.init(this.$refs['echartL4'])
|
|
|
let option = {
|
|
|
title: {
|
|
@@ -834,7 +834,7 @@ let app = new Vue({
|
|
|
loopSeries: true,
|
|
|
})
|
|
|
},
|
|
|
- initChartR1() {
|
|
|
+ initChartR1 () {
|
|
|
let myChart = echarts.init(this.$refs['echartR1'])
|
|
|
let option = {
|
|
|
title: {
|
|
@@ -890,7 +890,7 @@ let app = new Vue({
|
|
|
loopSeries: true,
|
|
|
})
|
|
|
},
|
|
|
- initChartR2() {
|
|
|
+ initChartR2 () {
|
|
|
let myChart = echarts.init(this.$refs['echartR2'])
|
|
|
let option = {
|
|
|
title: {
|
|
@@ -946,7 +946,7 @@ let app = new Vue({
|
|
|
loopSeries: true,
|
|
|
})
|
|
|
},
|
|
|
- initChartR3() {
|
|
|
+ initChartR3 () {
|
|
|
let myChart = echarts.init(this.$refs['echartR3'])
|
|
|
let option = {
|
|
|
title: {
|
|
@@ -1037,7 +1037,7 @@ let app = new Vue({
|
|
|
},
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
- color: 'red'
|
|
|
+ color: '#45DAD1'
|
|
|
}
|
|
|
},
|
|
|
data: [
|
|
@@ -1067,7 +1067,7 @@ let app = new Vue({
|
|
|
},
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
- color: '#C94C15'
|
|
|
+ color: '#40A9FF'
|
|
|
}
|
|
|
},
|
|
|
data: [
|
|
@@ -1085,7 +1085,7 @@ let app = new Vue({
|
|
|
loopSeries: true,
|
|
|
})
|
|
|
},
|
|
|
- initChartR4() {
|
|
|
+ initChartR4 () {
|
|
|
let myChart = echarts.init(this.$refs['echartR4'])
|
|
|
let option = {
|
|
|
title: {
|
|
@@ -1176,7 +1176,7 @@ let app = new Vue({
|
|
|
},
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
- color: 'red'
|
|
|
+ color: '#45DAD1'
|
|
|
}
|
|
|
},
|
|
|
data: [
|
|
@@ -1206,7 +1206,7 @@ let app = new Vue({
|
|
|
},
|
|
|
itemStyle: {
|
|
|
normal: {
|
|
|
- color: '#C94C15'
|
|
|
+ color: '#40A9FF'
|
|
|
}
|
|
|
},
|
|
|
data: [
|