首页人员图表颜色调整

guanqb

2023-05-08 4f9ca44f82fa1c372a654998bd239bf21dc5131f

 src/views/home/components/leftContainer.vue

@@ -163,6 +163,9 @@

const myLandColors = ['#4150d8', '#28bf7e', '#ed7c2f', '#f2a93b', '#f9cf36', '#4a5bdc', '#4cd698', '#f4914e', '#fcb75b', '#ffe180', '#b6c2ff', '#96edc1']

const peopleColor1 = '#53eefe'
const peopleColor2 = '#8b25c1'

export default {
    inject: ['userInfo'],

@@ -400,7 +403,7 @@


                    this.villagePersonStatisticInfoList = res.data.data
                    var xDate = [], yDate1 = [], yDate2 = [], colors1 = ['#f1ce0d', '#eea827', '#e87a4a'], colors2 = ['#8ce070', '#4fd690', '#1bcdaf']
                    var xDate = [], yDate1 = [], yDate2 = []

                    if (this.villagePersonStatisticInfoList.data.length > 0) {
                        this.villagePersonStatisticInfoList.data.forEach(e => {
@@ -418,7 +421,7 @@
                        })
                    }

                    homePersonmyChart.setOption(this.initPersonOptions(xDate, yDate1, yDate2, colors1, colors2), true)
                    homePersonmyChart.setOption(this.initPersonOptions(xDate, yDate1, yDate2, peopleColor1, peopleColor2), true)
                    this.clickPeopleChart()

                    setTimeout(() => {
@@ -463,7 +466,7 @@
                })
            }

            homePersonmyChart.setOption(this.initPersonOptions(xDate, yDate1, yDate2, ['#53eefe'], ['#8b25c1', '#b81fee', '#421784']))
            homePersonmyChart.setOption(this.initPersonOptions(xDate, yDate1, yDate2, peopleColor1, peopleColor2))
        },

        /**
@@ -549,7 +552,7 @@
                            },
                            itemStyle: {
                                normal: {
                                    color: colors1[0]
                                    color: colors1
                                    // color: function (params) {
                                    //     return new global.echarts.graphic.LinearGradient(
                                    //         0, 0, 0, 1,
@@ -562,7 +565,7 @@
                                    // }
                                },
                                emphasis: {
                                    color: colors1[0]
                                    color: colors1
                                    // color: function (params) {
                                    //     return new global.echarts.graphic.LinearGradient(
                                    //         0, 0, 0, 1,
@@ -588,7 +591,7 @@
                            },
                            itemStyle: {
                                normal: {
                                    color: colors2[0]
                                    color: colors2
                                    // color: function (params) {
                                    //     return new global.echarts.graphic.LinearGradient(
                                    //         0, 0, 0, 1,
@@ -601,7 +604,7 @@
                                    // }
                                },
                                emphasis: {
                                    color: colors2[0]
                                    color: colors2
                                    // color: function (params) {
                                    //     return new global.echarts.graphic.LinearGradient(
                                    //         0, 0, 0, 1,