import {setOptions} from './echarts';
import * as echarts from 'echarts';
export function setEventStaOption(ele,trafficWay){
    console.log(data);
    let option = {
        // title: {
        //  text: '南丁格尔玫瑰图',
        //  subtext: '纯属虚构',
        //  left: 'center'
        // },
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b} : {c} ({d}%)'
        },
        legend: {
            right: 30,
            top: '0',
            bottom: 0,
            orient: 'vertical',
            itemWidth: 14,
            itemGap: 20,
            textStyle: {
                color: '#fff'
            }
        },
        series: [
            {
                color: ['#0f99df', '#df48ff', '#faee04', '#16f9c2', '#eca00e', '#43b984'],
                name: '事项类别',
                type: 'pie',
                radius: [40, 80],
                center: ['40%', '45%'],
                //roseType: 'area',
                itemStyle: {
                    borderRadius: 5
                },
                label: {
                    show: true,
                    formatter: '{b}({c})',
                    color: '#fff'
                },
                data: data
            }
        ]
    };
    let img =
        'data:image/png;base64, ';
    let data = [];
    let color = ['#eca378', '#b5d571', '#7ec6f6', '#e60114', '#e3620a', '#f9fc01'];
    for (let i = 0; i < trafficWay.length; i++) {
        data.push(
            {
                value: trafficWay[i].value,
                name: trafficWay[i].name,
                itemStyle: {
                    normal: {
                        borderWidth: 8,
                        shadowBlur: 20,
                        borderColor: color[i],
                        shadowColor: color[i],
                    },
                },
            },
            {
                value: 8,
                name: '',
                itemStyle: {
                    normal: {
                        label: {
                            show: false,
                        },
                        labelLine: {
                            show: false,
                        },
                        color: 'rgba(0, 0, 0, 0)',
                        borderColor: 'rgba(0, 0, 0, 0)',
                        borderWidth: 0,
                    },
                },
            }
        );
    }
    let seriesOption = [
        {
            name: '',
            type: 'pie',
            clockWise: false,
            radius: [85, 85],
            hoverAnimation: false,
            center: ['45%', '50%'],
            itemStyle: {
                normal: {
                    label: {
                        show: false,
                    },
                },
            },
            data: data,
        },
    ];
    option = {
        color: color,
        tooltip: {
            show: false,
        },
        toolbox: {
            show: false,
        },
        title: {
            //text: '{a|' + 18 + '}',
            x: '25%',
            y: 'center',
            textStyle: {
                rich: {
                    a: {
                        fontSize: 60,
                        color: '#fff'
                    },
                },
            },
        },
        graphic: {
            elements: [
                {
                    type: 'image',
                    z: 3,
                    style: {
                        image: img,
                        width: 150,
                        height: 150,
                    },
                     left: '9%',
                     top: 'center',
                },
            ],
        },
        series: seriesOption,
    };
    setOptions(ele,option)
}
export function setUnitEventOption(ele,dataX,dataXTotal,dataY) {
    let option = {
        tooltip: {
            trigger: 'item',
            confine:true,
            axisPointer: {
                type: 'shadow'
            },
            //formatter: '{a}<br/>{b}：{c}次'
            formatter:function (params){
                //console.log(params);
                return  dataXTotal[params.dataIndex]+'：'+params.value +'条数'
            }
        },
        legend: {
            show:false,
            data: ['2011年', '2012年']
        },
        grid: {
            top: '3%',
            left: '-15%',
            right: '6%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {

            axisTick:{
                show:false,
            },
            splitLine:{
                show:false,
            },

            axisLabel:{
                show:false,
            },
            type: 'value',
            // boundaryGap: [0, 0.01]
        },
        yAxis: {

            axisTick:{
                show:false,
            },
            axisLabel:{
                left:'-8',
                color:'#fff',
                margin:110,
                textStyle:{
                    align:'left'
                }
            },
            splitLine:{
                show:false,
            },
            axisLine:{
                show:false,
            },
            type: 'category',
            //data: ['修缮中心', '住房保障中心', '燃气中心', '市场管理总站', '质安处', '房管局','房屋状况信息中心', '城管执法局','物业中心', '行政服务中心']
            data: dataX
        },
        series: [
            {
                name: '2011年',
                type: 'bar',
                //data: [ 13744, 23744, 30490,33121, 33489, 38203, 39034, 49121,51023,61023  ],
                data:dataY,
                label:{
                    show:true,
                    position:'right',
                    color:'#fff'
                },
                itemStyle:{
                    borderRadius:10,
                },
                color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [
                    {
                        offset: 0,
                        color: '#1c4db0'
                    }, {
                        offset: 1,
                        color: '#5990ff'
                    }
                ]),
            },

        ]
    };
    setOptions(ele,option)
}
import 'echarts-wordcloud';
export function setDataStaOption(ele,data) {
    let dataStaOption = {
        series: [
            {
                type: 'liquidFill',
                name:'已申请',
                data: [
                    //  {
                    //  name:'9232898平方米',
                    //  value: 0.89,
                    //  direction: 'left',
                    //  itemStyle: {
                    //   color: 'rgba(0,210,114,1)'
                    //  }
                    // },

                    {
                        value: 0.15,
                        direction: 'left',
                        itemStyle: {
                            color: '#0f9adf'
                        }
                    }
                ],
                label:{
                    fontSize:14,
                    color:'#fff',
                    top:'55%',
                    formatter: '\n\n\n\n'+data[0]+'\n\n\n\n{a}{b}'
                    //formatter: '89%'
                },
                radius: '30%',
                // outline: {
                //  show: false
                // },
                center: ['10%', '20%'],
                outline: {
                    borderDistance: 0,
                    itemStyle: {
                        borderWidth: 1,
                        borderColor: '#0f9adf',
                        // shadowBlur: 20,
                        // shadowColor: 'rgba(0,210,114,0.2)'
                    }
                },
                backgroundStyle: {
                    borderColor: '#156ACF',
                    borderWidth: 1,
                    shadowColor: '#0f9adf',
                    shadowBlur: 20,
                    color:'rgba(0,0,0,0)'
                },
            },
            {
                type: 'liquidFill',
                name:'待受理',
                data: [
                    //  {
                    //  name:'9232898平方米',
                    //  value: 0.89,
                    //  direction: 'left',
                    //  itemStyle: {
                    //   color: 'rgba(0,210,114,1)'
                    //  }
                    // },

                    {
                        value: 0.15,
                        direction: 'left',
                        itemStyle: {
                            color: '#faee04'
                        }
                    }
                ],
                label:{
                    fontSize:14,
                    color:'#fff',
                    formatter: '\n\n\n\n'+data[1]+'\n\n\n\n{a}{b}'
                    //formatter: '15%'
                },
                center: ['30%', '20%'],
                radius: '30%',
                // outline: {
                //  show: false
                // },
                outline: {
                    borderDistance: 0,
                    itemStyle: {
                        borderWidth: 1,
                        borderColor: '#faee04',
                        // shadowBlur: 20,
                        // shadowColor: 'rgba(0,210,114,0.2)'
                    }
                },
                backgroundStyle: {
                    borderColor: '#faee04',
                    borderWidth: 1,
                    shadowColor: 'rgba(0,210,114,0.1)',
                    shadowBlur: 20,
                    color:'rgba(0,0,0,0)'
                },
            },
            {
                type: 'liquidFill',
                name:'已受理',
                data: [
                    //  {
                    //  name:'9232898平方米',
                    //  value: 0.89,
                    //  direction: 'left',
                    //  itemStyle: {
                    //   color: 'rgba(0,210,114,1)'
                    //  }
                    // },

                    {
                        value: 0.15,
                        direction: 'left',
                        itemStyle: {
                            color: '#16f9c2'
                        }
                    }
                ],
                label:{
                    fontSize:14,
                    color:'#fff',
                    formatter: '\n\n\n\n'+data[2]+'\n\n\n\n{a}{b}'
                    //formatter: '15%'
                },
                center: ['50%', '20%'],
                radius: '30%',
                // outline: {
                //  show: false
                // },
                outline: {
                    borderDistance: 0,
                    itemStyle: {
                        borderWidth: 1,
                        borderColor: '#16f9c2',
                        // shadowBlur: 20,
                        // shadowColor: 'rgba(0,210,114,0.2)'
                    }
                },
                backgroundStyle: {
                    borderColor: '#16f9c2',
                    borderWidth: 1,
                    shadowColor: 'rgba(0,210,114,0.1)',
                    shadowBlur: 20,
                    color:'rgba(0,0,0,0)'
                },
            },
            {
                type: 'liquidFill',
                name:'待决定',
                data: [
                    //  {
                    //  name:'9232898平方米',
                    //  value: 0.89,
                    //  direction: 'left',
                    //  itemStyle: {
                    //   color: 'rgba(0,210,114,1)'
                    //  }
                    // },

                    {
                        value: 0.15,
                        direction: 'left',
                        itemStyle: {
                            color: '#e048ff'
                        }
                    }
                ],
                label:{
                    fontSize:14,
                    color:'#fff',
                    formatter: '\n\n\n\n'+data[3]+'\n\n\n\n{a}{b}'
                    //formatter: '89%'
                },
                center: ['70%', '20%'],
                radius: '30%',
                // outline: {
                //  show: false
                // },
                outline: {
                    borderDistance: 0,
                    itemStyle: {
                        borderWidth: 1,
                        borderColor: '#e048ff',
                        // shadowBlur: 20,
                        // shadowColor: 'rgba(0,210,114,0.2)'
                    }
                },
                backgroundStyle: {
                    borderColor: '#e048ff',
                    borderWidth: 1,
                    shadowColor: 'rgba(0,210,114,0.1)',
                    shadowBlur: 20,
                    color:'rgba(0,0,0,0)'
                },
            },
            {
                type: 'liquidFill',
                name:'已办结',
                data: [
                    //  {
                    //  name:'9232898平方米',
                    //  value: 0.89,
                    //  direction: 'left',
                    //  itemStyle: {
                    //   color: 'rgba(0,210,114,1)'
                    //  }
                    // },

                    {
                        value: 0.15,
                        direction: 'left',
                        itemStyle: {
                            color: '#40f453'
                        }
                    }
                ],
                label:{
                    fontSize:14,
                    color:'#fff',
                    formatter: '\n\n\n\n'+data[4]+'\n\n\n\n{a}{b}'
                    //formatter: '89%'
                },
                center: ['90%', '20%'],
                radius: '30%',
                // outline: {
                //  show: false
                // },
                outline: {
                    borderDistance: 0,
                    itemStyle: {
                        borderWidth: 1,
                        borderColor: '#40f453',
                        // shadowBlur: 20,
                        // shadowColor: 'rgba(0,210,114,0.2)'
                    }
                },
                backgroundStyle: {
                    borderColor: '#156ACF',
                    borderWidth: 1,
                    shadowColor: 'rgba(0,210,114,0.1)',
                    shadowBlur: 20,
                    color:'rgba(0,0,0,0)'
                },
            },
            {
                type: 'liquidFill',
                name:'平均办件时间',
                data: [
                    //  {
                    //  name:'9232898平方米',
                    //  value: 0.89,
                    //  direction: 'left',
                    //  itemStyle: {
                    //   color: 'rgba(0,210,114,1)'
                    //  }
                    // },

                    {
                        value: 0.15,
                        direction: 'left',
                        itemStyle: {
                            color: '#dd10bf'
                        }
                    }
                ],
                label:{
                    fontSize:14,
                    color:'#fff',
                    formatter: '\n\n\n\n—\n\n\n\n{a}{b}'
                    //formatter: '89%'
                },
                center: ['30%', '70%'],
                radius: '30%',
                // outline: {
                //  show: false
                // },
                outline: {
                    borderDistance: 0,
                    itemStyle: {
                        borderWidth: 1,
                        borderColor: '#dd10bf',
                        // shadowBlur: 20,
                        // shadowColor: 'rgba(0,210,114,0.2)'
                    }
                },
                backgroundStyle: {
                    borderColor: '#dd10bf',
                    borderWidth: 1,
                    shadowColor: 'rgba(0,210,114,0.1)',
                    shadowBlur: 20,
                    color:'rgba(0,0,0,0)'
                },
            },
            {
                type: 'liquidFill',
                name:'最大办件时间',
                data: [
                    //  {
                    //  name:'9232898平方米',
                    //  value: 0.89,
                    //  direction: 'left',
                    //  itemStyle: {
                    //   color: 'rgba(0,210,114,1)'
                    //  }
                    // },

                    {
                        value: 0.15,
                        direction: 'left',
                        itemStyle: {
                            color: '#a4ffff'
                        }
                    }
                ],
                label:{
                    fontSize:14,
                    color:'#fff',
                    formatter: '\n\n\n\n—\n\n\n\n{a}{b}'
                    //formatter: '89%'
                },
                center: ['50%', '70%'],
                radius: '30%',
                // outline: {
                //  show: false
                // },
                outline: {
                    borderDistance: 0,
                    itemStyle: {
                        borderWidth: 1,
                        borderColor: '#a4ffff',
                        // shadowBlur: 20,
                        // shadowColor: 'rgba(0,210,114,0.2)'
                    }
                },
                backgroundStyle: {
                    borderColor: '#a4ffff',
                    borderWidth: 1,
                    shadowColor: 'rgba(0,210,114,0.1)',
                    shadowBlur: 20,
                    color:'rgba(0,0,0,0)'
                },
            },
            {
                type: 'liquidFill',
                name:'最小办件时间',
                data: [
                    //  {
                    //  name:'9232898平方米',
                    //  value: 0.89,
                    //  direction: 'left',
                    //  itemStyle: {
                    //   color: 'rgba(0,210,114,1)'
                    //  }
                    // },

                    {
                        value: 0.15,
                        direction: 'left',
                        itemStyle: {
                            color: '#ffc148'
                        }
                    }
                ],
                label:{
                    fontSize:14,
                    color:'#fff',
                    formatter: '\n\n\n\n—\n\n\n\n{a}{b}'
                    //formatter: '89%'
                },
                center: ['70%', '70%'],
                radius: '30%',
                // outline: {
                //  show: false
                // },
                outline: {
                    borderDistance: 0,
                    itemStyle: {
                        borderWidth: 1,
                        borderColor: '#ffc148',
                        // shadowBlur: 20,
                        // shadowColor: 'rgba(0,210,114,0.2)'
                    }
                },
                backgroundStyle: {
                    borderColor: '#ffc148',
                    borderWidth: 1,
                    shadowColor: 'rgba(0,210,114,0.1)',
                    shadowBlur: 20,
                    color:'rgba(0,0,0,0)'
                },
            },
        ]
    };
    setOptions(ele,dataStaOption)
}


export function setTrendBtMonthOption(ele,dataX,XZXK,QTQL,XZQR,XZJL,XZZS,GGFW) {
    let gjTrend =  {
        color:['#5684d1'],
        tooltip:{
            show:true,
            trigger:'axis',
            confine:true,
            // axisPointer: {
            //  type: 'shadow'
            // },
            // formatter: '{a} <br/> {b}：{c}次'
        },
        legend: {
            data: ['行政许可', '行政确认', '行政奖励', '行政征收', '其他权利', '公共服务'],
            textStyle: { //图例文字的样式
                color: '#fff',
                fontSize: 12
            },
        },

        //color:['#0f99df','#df48ff','#faee04','#16f9c2','#eca00e','#0f99df'],
        grid:{
            containLabel:true,
            left:'10%',
            right:'6%',
            top:'15%',
            bottom:'10%',
        },
        xAxis: {
            axisTick:{
                show:false,
            },
            type: 'category',
            boundaryGap: false,
            //data:  ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
            data: dataX,
            axisLine:{
                lineStyle:{
                    color:'rgba(0,204,250,0.3)'
                }
            },
            axisLabel:{
                color:'#fff'
            }

        },
        yAxis: {
            splitLine: {
                lineStyle:{
                    //type:'dashed',
                    color:'rgba(0,204,250,0.3)'
                }
            },
            axisTick:{
                show:false,
            },
            type: 'value',
            axisLine:{
                lineStyle:{
                    color:'#fff'
                }
            },
            axisLabel:{
                color:'#fff'
            }
        },
        series: [
            {
                markPoint:{
                    symbolSize:100
                },
                name:'行政许可',
                //stack: '总量',
                data: XZXK,
                type: 'line',
                color: '#0f99df',
            },
            {
                markPoint:{
                    symbolSize:100
                },
                name:'行政确认',
                //stack: '总量',
                data: XZQR,
                type: 'line',
                color: '#df48ff',
            },
            {
                markPoint:{
                    symbolSize:100
                },
                name:'行政奖励',
                //stack: '总量',
                data: XZJL,
                type: 'line',
                color: '#faee04',
            },
            {
                markPoint:{
                    symbolSize:100
                },
                name:'行政征收',
                //stack: '总量',
                data:XZZS,
                type: 'line',
                color: '#27A051',
            },
            {
                markPoint:{
                    symbolSize:100
                },
                name:'其他权利',
                //stack: '总量',
                data: QTQL,
                type: 'line',
                color: '#16f9c2',
            },
            {
                markPoint:{
                    symbolSize:100
                },
                name:'公共服务',
                //stack: '总量',
                data: GGFW,
                type: 'line',
                color: '#eca00e',
            }


        ]
    };
    setOptions(ele,gjTrend)

}


export function setHandleStaticOption(ele,dataX,dataXTotal,dataY){
    let option = {
        tooltip: {
            trigger: 'item',
            confine:true,
            axisPointer: {
                type: 'shadow'
            },
            //formatter: '{a}<br/>{b}：{c}次'
            formatter:function (params){
                //console.log(params);
                    return  dataXTotal[params.dataIndex]+'：'+params.value +'条数'
            }
        },
        // legend: {
        //     show:false,
        //     data: ['2011年', '2012年']
        // },
        grid: {
            top: '3%',
            left: '-15%',
            right: '6%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {

            axisTick:{
                show:false,
            },
            splitLine:{
                show:false,
            },

            axisLabel:{
                show:false,
            },
            type: 'value',
            // boundaryGap: [0, 0.01]
        },
        yAxis: {
            axisLabel:{
                left:'-8',
                color:'#fff',
                margin:110,
                textStyle:{
                    align:'left'
                }
            },
            axisTick:{
                show:false,
            },
            splitLine:{
                show:false,
            },
            axisLine:{
                show:false,
            },
            type: 'category',
            //data: ['修缮中心', '住房保障中心', '燃气中心', '市场管理总站', '质安处', '房管局','房屋状况信息中心', '城管执法局','物业中心', '行政服务中心']
            data: dataX
        },

        series: [
            {
                name: '名称',
                type: 'bar',
                //data: [ 13744, 23744, 30490,33121, 33489, 38203, 39034, 49121,51023,61023  ],
                data:dataY,
                label:{
                    show:true,
                    position:'right',
                    color:'#fff'
                },
                itemStyle:{
                    borderRadius:10,
                },
                color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [
                    {
                        offset: 0,
                        color: '#1c4db0'
                    }, {
                        offset: 1,
                        color: '#5990ff'
                    }
                ]),
            },

        ]
    };
    setOptions(ele,option)
}


export function setAnalysisSituation(ele,data){
//      function getHeight3D(series, height) {
//         series.sort((a, b) => {
//             return (b.pieData.value - a.pieData.value);
//         })
//         return height * 25 / series[0].pieData.value;
//     }
//     // 生成扇形的曲面参数方程，用于 series-surface.parametricEquation
//     function getParametricEquation(startRatio, endRatio, isSelected, isHovered, k,height) {
//
//         // 计算
//         let midRatio = (startRatio + endRatio) / 2;
//
//         let startRadian = startRatio * Math.PI * 2;
//         let endRadian = endRatio * Math.PI * 2;
//         let midRadian = midRatio * Math.PI * 2;
//
//         // 如果只有一个扇形，则不实现选中效果。
//         if (startRatio === 0 && endRatio === 1) {
//             isSelected = false;
//         }
//
//         // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
//         k = typeof k !== 'undefined' ? k : 1 / 3 ;
//
//         // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
//         let offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0;
//         let offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0;
//
//         // 计算高亮效果的放大比例（未高亮，则比例为 1）
//         let hoverRate = isHovered ? 1.05 : 1;
//
//         // 返回曲面参数方程
//         return {
//
//             u: {
//                 min: -Math.PI,
//                 max: Math.PI * 3,
//                 step: Math.PI / 32
//             },
//
//             v: {
//                 min: 0,
//                 max: Math.PI * 2,
//                 step: Math.PI / 20
//             },
//
//             x: function(u, v) {
//                 if (u < startRadian) {
//                     return offsetX + Math.cos(startRadian) * (1 + Math.cos(v) * k) * hoverRate;
//                 }
//                 if (u > endRadian ){
//                     return offsetX + Math.cos(endRadian) * (1 + Math.cos(v) * k) * hoverRate;
//                 }
//                 return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate;
//             },
//
//             y: function(u, v) {
//                 if (u < startRadian) {
//                     return offsetY + Math.sin(startRadian) * (1 + Math.cos(v) * k) * hoverRate;
//                 }
//                 if (u > endRadian ){
//                     return offsetY + Math.sin(endRadian) * (1 + Math.cos(v) * k) * hoverRate;
//                 }
//                 return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate;
//             },
//
//             z: function(u, v) {
//                 if (u < - Math.PI * 0.5 ) {
//                     return Math.sin(u);
//                 }
//                 if (u > Math.PI * 2.5 ){
//                     return Math.sin(u);
//                 }
//                 return Math.sin(v) > 0 ? 1*height : -1;
//             }
//         };
//     }
//
//
// // 生成模拟 3D 饼图的配置项
//     function getPie3D(pieData, internalDiameterRatio) {
//
//         let series = [];
//         let sumValue = 0;
//         let startValue = 0;
//         let endValue = 0;
//         let legendData = [];
//         let k = typeof internalDiameterRatio !== 'undefined' ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio): 1 / 3;
//
//         // 为每一个饼图数据，生成一个 series-surface 配置
//         for (let i = 0; i < pieData.length; i++) {
//
//             sumValue += pieData[i].value;
//
//             let seriesItem = {
//                 name: typeof pieData[i].name === 'undefined' ? `series${i}` : pieData[i].name,
//                 type: 'surface',
//                 parametric: true,
//                 wireframe: {
//                     show: false
//                 },
//                 pieData: pieData[i],
//                 pieStatus: {
//                     selected: false,
//                     hovered: false,
//                     k: k
//                 }
//             };
//
//             if (typeof pieData[i].itemStyle != 'undefined') {
//
//                 let itemStyle = {};
//
//                 typeof pieData[i].itemStyle.color != 'undefined' ? itemStyle.color = pieData[i].itemStyle.color : null;
//                 typeof pieData[i].itemStyle.opacity != 'undefined' ? itemStyle.opacity = pieData[i].itemStyle.opacity : null;
//
//                 seriesItem.itemStyle = itemStyle;
//             }
//             series.push(seriesItem);
//         }
//
//         // 使用上一次遍历时，计算出的数据和 sumValue，调用 getParametricEquation 函数，
//         // 向每个 series-surface 传入不同的参数方程 series-surface.parametricEquation，也就是实现每一个扇形。
//         for (let i = 0; i < series.length; i++) {
//             endValue = startValue + series[i].pieData.value;
//             console.log(series[i]);
//             series[i].pieData.startRatio = startValue / sumValue;
//             series[i].pieData.endRatio = endValue / sumValue;
//             series[i].parametricEquation = getParametricEquation(series[i].pieData.startRatio, series[i].pieData.endRatio, false, false, k,series[i].pieData.value);
//
//             startValue = endValue;
//
//             legendData.push(series[i].name +"  "+ series[i].pieData.value);
//         }
//
//         let boxHeight = getHeight3D(series, 8);
//
//         // 准备待返回的配置项，把准备好的 legendData、series 传入。
//         let option = {
//             tooltip: {
//                 formatter: params => {
//                     if (params.seriesName !== 'mouseoutSeries') {
//                         return `${params.seriesName}<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${params.color};"></span>${option.series[params.seriesIndex].pieData.value}`;
//                     }
//
//                 },
//             },
//             legend: {
//                 //data: legendData,
//                 formatter:function (legendData){
//                     for(let i=0;i<pieData.length;i++){
//                         if(legendData==pieData[i].name){
//                             return legendData + "    " +pieData[i].value;
//                         }
//                     }
//                 },
//                 orient: 'vertical',
//                 x:'65%',
//                 y:'center',
//                 textStyle:{
//                     color:'#fff',
//                     fontSize:16
//                 }
//             },
//             xAxis3D: {
//                 min: -1,
//                 max: 1
//             },
//             yAxis3D: {
//                 min: -1,
//                 max: 1
//             },
//             zAxis3D: {
//                 min: -1,
//                 max: 1
//             },
//             grid3D: {
//                 show: false,
//                 boxHeight: boxHeight,
//                 top: 10,
//                 left:'-20%',
//                 bottom: 0,
//                 //environment: '#03172D',
//                 viewControl:{
//                     distance:300,
//                     alpha:50,
//                     beta:55,
//                 },
//
//             },
//             series: series
//         };
//         return option;
//     }
//
// // 传入数据生成 option
//     let option = getPie3D([
//         {
//             name: data[0].name,
//             value: data[0].value,
//             itemStyle: {
//                 opacity: 1,
//                 color:'#016BCC',
//             }
//         },
//         {
//             name: data[1].name,
//             value: data[1].value,
//             itemStyle: {
//                 opacity: 1,
//                 color:'#A86A1B',
//             }
//         },
//         {
//             name: data[2].name,
//             value: data[2].value,
//             itemStyle: {
//                 opacity: 1,
//                 color:'#11A0A5',
//             }
//         },{
//             name: data[3].name,
//             value: data[3].value,
//             itemStyle: {
//                 opacity: 1,
//                 color:'#C9A819',
//             }
//         },{
//             name: data[4].name,
//             value: data[4].value,
//             itemStyle: {
//                 opacity: 1,
//                 color:'#6B3BBB',
//             }
//         },{
//             name: data[5].name,
//             value: data[5].value,
//             itemStyle: {
//                 opacity: 1,
//                 color:'#27A051',
//             }
//         },
//     ],2);
//     setOptions(ele,option)
    console.log(data);
    let option = {
        // title: {
        //  text: '南丁格尔玫瑰图',
        //  subtext: '纯属虚构',
        //  left: 'center'
        // },
        tooltip: {
            trigger: 'item',
            confine:true,
            formatter: '{a} <br/>{b} : {c} ({d}%)'
        },
        legend: {
            right: 30,
            top: '0',
            bottom: 0,
            orient: 'vertical',
            itemWidth: 14,
            itemGap: 20,
            textStyle: {
                color: '#fff'
            }
        },
        series: [
            {
                color: ['#0f99df', '#df48ff', '#faee04', '#16f9c2', '#eca00e', '#43b984'],
                name: '事项类别',
                type: 'pie',
                radius: [40, 70],
                center: ['40%', '45%'],
                //roseType: 'area',
                itemStyle: {
                    borderRadius: 5
                },
                label: {
                    show: true,
                    formatter: '{b}({c})',
                    color: '#fff'
                },
                data: data
            }
        ]
    };
    setOptions(ele,option)
}
export function setAnalysisHandleSituation(ele,finishData,remindData,urgeData) {
    let HandleOption = {
        tooltip: {
            trigger: 'axis',
            confine:true,
            axisPointer: {
                type: 'shadow'
            }
        },
        legend: {
            textStyle: { //图例文字的样式
                color: '#fff',
                fontSize: 12
            },
        },
        grid: {
            top:'20%',
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                data: ['行政许可', '行政征收', '行政确认', '行政奖励', '其他权利', '公共服务'],
                axisLabel: {
                    textStyle: {
                        color: '#fff',//坐标值得具体的颜色
                    }
                }
            }
        ],
        yAxis : [
            {
                type : 'value',
                splitLine:{
                    show: true,
                    lineStyle: {
                        type:'dashed',
                        color:'rgba(0,204,250,0.3)'
                    }
                },
                axisLabel: {
                    textStyle: {
                        color: '#fff'
                    }
                }
            }
        ],
        series: [
            {
                name: '完成',
                type: 'bar',
                stack: 'Ad',
                barWidth:'20%',
                emphasis: {
                    focus: 'series'
                },
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            { offset: 0, color: '#6dcde6' }, //柱图渐变色
                            { offset: 1, color: '#38a0d6' } //柱图渐变色
                        ])
                    }
                },
                data: finishData
            },
            {
                name: '提醒',
                type: 'bar',
                stack: 'Ad',
                barWidth:'20%',
                emphasis: {
                    focus: 'series'
                },
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            { offset: 0, color: '#9837dd' }, //柱图渐变色
                            { offset: 1, color: '#e23af5' } //柱图渐变色
                        ])
                    }
                },
                data: remindData
            },
            {
                name: '完成',
                type: 'bar',
                stack: 'engine',
                barWidth:'20%',
                emphasis: {
                    focus: 'series'
                },
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            { offset: 0, color: '#6dcde6' }, //柱图渐变色
                            { offset: 1, color: '#38a0d6' } //柱图渐变色
                        ])
                    }
                },
                data: finishData
            },
            {
                name: '督办',
                type: 'bar',
                stack: 'engine',
                barWidth:'20%',
                emphasis: {
                    focus: 'series'
                },
                itemStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                            { offset: 0, color: '#152c38' }, //柱图渐变色
                            { offset: 1, color: '#d4d312' } //柱图渐变色
                        ])
                    }
                },
                data: urgeData
            },
        ]
    };
    setOptions(ele,HandleOption)
}
export function setAnalysisAverageTime(ele,dataX,TERM_BJ,TERM_SL,AVG_SL_TIME,AVG_BJ_TIME) {
    let averageOption = {
        tooltip: {
            trigger: 'axis',
            confine:true
        },
        legend: {
            textStyle: { //图例文字的样式
                color: '#fff',
                fontSize: 12
            },
            right:'4%',
            icon:'circle',
            itemHeight: 12,
            itemWidth: 12,
        },
        grid: {
            top:'20%',
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [
            {
                axisTick:{
                    show:false,
                },
                type: 'category',
                boundaryGap: false,
                data: dataX,
                axisLine:{
                    lineStyle:{
                        color:'rgba(0,204,250,0.3)'
                    }
                },
                axisLabel:{
                    color:'#fff'
                }
            }
        ],
        yAxis : [
            {
                type : 'value',
                splitLine:{
                    show: true,
                    lineStyle: {
                        type:'dashed',
                        color:'rgba(0,204,250,0.3)'
                    }
                },
                axisLabel: {
                    textStyle: {
                        color: '#fff'
                    }
                }
            }
        ],
        series: [
            {
                name: '承诺受理',
                type: 'line',
                data: TERM_SL
            },
            {
                name: '实际受理',
                type: 'line',
                data: AVG_SL_TIME
            },
            {
                name: '承诺办结',
                type: 'line',
                data: TERM_BJ
            },

            {
                name: '实际办结',
                type: 'line',
                data: AVG_BJ_TIME
            },

        ]
    };
    setOptions(ele,averageOption)
}

export function setAnalysisTotalNotice(ele,dataX,countSD,countST,countBD,countBT) {
    let averageOption = {
        tooltip: {
            trigger: 'axis',
            confine:true
        },
        legend: {
            textStyle: { //图例文字的样式
                color: '#fff',
                fontSize: 12
            },
            right:'4%',
            icon:'circle',
            itemHeight: 12,
            itemWidth: 12,
        },
        grid: {
            top:'20%',
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [
            {
                axisTick:{
                    show:false,
                },
                type: 'category',
                boundaryGap: false,
                data: dataX,
                axisLine:{
                    lineStyle:{
                        color:'rgba(0,204,250,0.3)'
                    }
                },
                axisLabel:{
                    color:'#fff'
                }
            }
        ],
        yAxis : [
            {
                type : 'value',
                splitLine:{
                    show: true,
                    lineStyle: {
                        type:'dashed',
                        color:'rgba(0,204,250,0.3)'
                    }
                },
                axisLabel: {
                    textStyle: {
                        color: '#fff'
                    }
                }
            }
        ],
        series: [
            {
                name: '受理提醒',
                type: 'line',
                data: countST
            },
            {
                name: '受理督办',
                type: 'line',
                data: countSD
            },
            {
                name: '办结提醒',
                type: 'line',
                data: countBT
            },
            {
                name: '办结督办',
                type: 'line',
                data: countBD
            },

        ]
    };
    setOptions(ele,averageOption)
}

export function setAnalysisTotalHandle(ele,dataX,count,month,year){
    let averageOption = {
        tooltip: {
            trigger: 'axis',
            confine:true,
        },
        legend: {
            textStyle: { //图例文字的样式
                color: '#fff',
                fontSize: 12
            },
            icon:'circle',
            right:'4%',
            itemHeight: 12,
            itemWidth: 12,
        },
        grid: {
            top:'25%',
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [
            {
                axisTick:{
                    show:false,
                },
                type: 'category',
                boundaryGap: false,
                data:  dataX,
                axisLine:{
                    lineStyle:{
                        color:'rgba(0,204,250,0.3)'
                    }
                },
                axisLabel:{
                    color:'#fff'
                }
            }
        ],
        yAxis : [
            {
                type : 'value',
                splitLine:{
                    show: true,
                    lineStyle: {
                        type:'dashed',
                        color:'rgba(0,204,250,0.3)'
                    }
                },
                name: '（件）',
                nameTextStyle: {
                    color: '#fff',
                },
                axisLabel: {
                    textStyle: {
                        color: '#fff'
                    }
                }
            },
            {
                type : 'value',
                splitLine:{
                    show: true,
                    lineStyle: {
                        type:'dashed',
                        color:'rgba(0,204,250,0.3)'
                    }
                },
                name: '（%）',
                nameTextStyle: {
                    color: '#fff',
                },
                axisLabel: {
                    textStyle: {
                        color: '#fff'
                    }
                }
            }
        ],
        series: [
            {
                yAxisIndex: 0,
                name: '办件量',
                type: 'line',
                data: count
            },
            {
                yAxisIndex: 1,
                name: '同比',
                type: 'line',
                data: year
            },
            {
                yAxisIndex: 1,
                name: '环比',
                type: 'line',
                data: month
            },
        ]
    };
    setOptions(ele,averageOption)
}

//ciyun

export function setHotEcharts(ele, chartData) {
    let hotWord =  {
        tooltip: {
            trigger: 'item',
            confine:true,
            axisPointer: {
                type: 'shadow'
            },
            formatter: '{a}<br/>{b}：{c}次'
        },
        series: [{
            name:'搜索热点',
            type: 'wordCloud',
            gridSize: 15,
            sizeRange: [12, 36],
            // rotationRange: [-90, 90],
            shape: 'pentagon',
            textStyle: {
                normal: {
                    color: function() {
                        return 'rgb(' + [
                            Math.round(Math.random() * 100),
                            Math.round(Math.random() * 100),
                            Math.round(Math.random() * 100)
                        ].join(',') + ')';
                    }
                },
                emphasis: {
                    shadowBlur: 10,
                    shadowColor: '#333'
                }
            },
            // data: [
            //     {
            //         name: '水利',
            //         value: 185,
            //     }, {
            //         name: '民生',
            //         value: 576
            //     }, {
            //         name: '天然气',
            //         value: 432
            //     }, {
            //         name: '学校',
            //         value: 118
            //     }, {
            //         name: '河流',
            //         value: 250
            //     }, {
            //         name: '航空影像',
            //         value: 318
            //     }, {
            //         name: '公路',
            //         value: 440
            //     }, {
            //         name: '体育馆',
            //         value: 123
            //     }, {
            //         name: '公租房',
            //         value: 307
            //     }, {
            //         name: '农用地',
            //         value: 168
            //     }, {
            //         name: '廉租房',
            //         value: 142
            //     }, {
            //         name: '建筑工地',
            //         value: 164
            //     }
            // ]
            data:chartData
        }]
    };
    setOptions(ele,hotWord)
}

//ping'gu
//法人类别
//专题统计

export function setEvaluatePercentEcharts (ele,chartData) {
    // let trafficWay = [
    //     {
    //         name: '良好',
    //         value: 1089
    //     },
    //     {
    //         name: '一般',
    //         value: 896
    //     },
    //     {
    //         name: '衰弱',
    //         value: 220
    //     },
    //     {
    //         name: '濒危',
    //         value: 320
    //     },
    //     {
    //         name: '其他',
    //         value: 276
    //     }
    // ];
    let trafficWay = chartData;


    let data = [];
    let borderColor=['#ffe18f','#00ff9c','#33ffff','#ff9933','#00aaff','#fd5151','#f071ff', '#85f67a']
    let  color=['rgba(255,225,143,0.5)','rgba(0,255,156,0.5)','rgba(51,255,255,0.5)','rgba(255,153,51,0.5)','rgba(0,170,255,0.5)']
    for (let i = 0; i < trafficWay.length; i++) {
        data.push(
         {
             value: trafficWay[i].value,
             name: trafficWay[i].name,
             itemStyle: {
                 label: {
                     show: false
                 },
                 labelLine: {
                     show: false
                 },
                 borderWidth: 1,
                 shadowBlur: 6,
                 //backgroundColor:'#f00',

                 borderRadius:3,
                 borderColor:borderColor[i],
                 shadowColor: color[i]
             }
         },
         {
             value: 10,
             name: '',
             itemStyle: {
                 label: {
                     show: false
                 },
                 labelLine: {
                     show: false
                 },
                 height:0,
                 color: 'rgba(0, 0, 0, 0)',
                 borderColor: 'rgba(0, 0, 0, 0)',
                 borderWidth: 0
             }
         }
        );
    }

    let seriesOption = [
        {
            name: '',
            type: 'pie',
            clockWise: false,
            radius: ['60%', '73%'],
            label:{
                show:false,
            },
            labelLine:{
                length:25,
                length2:50,
            },


            center: [100, '50%'],


            data: data
        }
    ];
    let legendArr = trafficWay.map((i,index) => ({

        ...i,
        textStyle:{
            color:borderColor[index],


        },
        itemStyle:{

            color:color[index],
            borderColor:borderColor[index],
            shadowColor:color[index],



        }

    }))

    let option = {
        graphic:{
            elements:[
                {

                    type:'image',
                    style:{
                        width: 110,
                        height:110,
                        image: require('../assets/imgs/evaluate/circle-center.png')
                    },
                    left:45,
                    x:-70,
                    // left:0,
                    top:'center'
                    // top:'55%',
                    // top:60.5,
                    // z:1,
                    // zlabel:1
                }

            ]
        },
        grid:{
            top:'53%',
            bottom:'5%'
        },

        legend:[
            {
                itemWidth:10,
                itemHeight:10,
                itemGap:15,
                icon:'circle',
                orient:'vertical',
                show:true,
                top:'center',
                left:'42%',
                data:legendArr,


                textStyle:{
                    fontSize:14,
                    padding:[0,10],
                    rich:{

                    }
                },
                itemStyle:{


                    borderWidth:1,
                    shadowBlur:6
                }
            },
            {
                itemWidth:10,
                itemHeight:10,
                itemGap:13,
                icon:'none',
                orient:'vertical',
                show:true,
                top:'center',
                left:'68%',
                data:legendArr,
                formatter(e) {
                    let findItem = legendArr.find(i => i.name === e)
                    console.log(legendArr,findItem)
                    let total = legendArr.reduce((pre,now) =>pre + now.value,0 )
                    return ((findItem.value/total).toFixed(2) * 100 +'%')  + '  '+  findItem.value
                },


                textStyle:{
                    fontSize:16,
                    fontWeight:700,


                    rich:{

                    }
                },
                itemStyle:{

                    borderWidth:1,
                    shadowBlur:6
                }
            }
        ],
        color : color,

        tooltip: {
            show: true,
            confine:true
        },
        toolbox: {
            show: false
        },
        series: seriesOption
    }
    setOptions(ele,option)
}

//我i我i
export function setDepartmentAreaEcharts(ele,unit,chartData) {
    let xData=[];
    let data2=[];
    for(let i=0;i<chartData.length;i++){
        xData[i]=chartData[i].OPERATION_TIME1
        data2[i]=chartData[i].DATA_COUNT
    }
    // BAYONET: "chsx"
    // BOATNUM: 10
    // TIME: "2021-11-25 00"
    // TYPE: "DAY"
    let option = {

        tooltip: {
            trigger: 'axis',
            confine:true,
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        legend: {
            icon:'line',
            right: 80,
            top:0,
            // data: ['变化地块数', '审批地块数'],
            textStyle: {
                color: "#fff",
                fontSize: 14
            },
            show: true

        },

        grid: {
            left: '3%',
            right: '10%',
            bottom: '6%',
            top:'12%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                data: xData,
                axisLine: {
                    show: false,
                    lineStyle: {
                        color: 'rgba(255,255,255,0.5)',

                    }
                },

                axisTick: {
                    show: false,
                },
                splitLine:{
                    show:true,

                    lineStyle:{
                        color: 'rgba(101,124,168,0.1)',
                    }
                },
                axisLabel: {
                    textStyle: {
                        color: 'rgba(255,255,255,0.5)',
                        fontSize: 14
                    },
                }
            }
        ],
        yAxis: [
            {

                type: 'value',
                splitLine: {
                    show: true,
                    lineStyle: {
                        color:  'rgba(101,124,168,0.1)',

                    }
                },
                axisLabel: {

                    textStyle: {
                        color: 'rgba(255,255,255,0.5)',
                        fontSize: 14
                    },
                },
                axisTick: {
                    show: false,
                },
                axisLine: {
                    show: false,
                    lineStyle: {
                        // color: 'rgba(101,124,168,0.1)'

                    }
                }
            },
        ],
        series: [

            {
                smooth: true,
                name: unit,
                type: 'line',
                // stack: 'Total',
                // yAxisIndex: 1,
                color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                    {
                        offset: 0,
                        color: '#0067cd'
                    },
                    {
                        offset: 1,
                        color: '#04c1e4'
                    }
                ]),
                // areaStyle: {
                //     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                //         {
                //             offset: 0,
                //             color: 'rgba(255,199,37,0.5)'
                //         },
                //         {
                //             offset: 1,
                //             color: 'rgba(254,252,49,0)'
                //         }
                //     ])
                // },
                label: {
                    show: false,
                    color: '#fff',
                    fontWeight: 700
                },
                emphasis: {
                    focus: 'series'
                },
                data: data2,

            },


        ]
    };
    setOptions(ele, option)
}

export function setDepartmentCommentEcharts(ele,chartData) {
    // BAYONET: "chsx"
    // BOATNUM: 10
    // TIME: "2021-11-25 00"
    // TYPE: "DAY"
    let xData = []

    let data2 = []
    for(let i=0;i<chartData.length;i++){
        xData.push(chartData[i].OPERATION_TIME1);
        if(chartData[i].DATA_COUNT!=undefined){
            data2.push(chartData[i].DATA_COUNT)
        }else{
            data2.push(chartData[i].CPL)
        }
    }
    xData=xData.reverse();
    data2=data2.reverse();
    let option = {

        tooltip: {
            trigger: 'axis',
            confine:true,
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        legend: {
            icon:'line',
            right: 80,
            top:0,
            // data: ['变化地块数', '审批地块数'],
            textStyle: {
                color: "#fff",
                fontSize: 14
            },
            show: true

        },

        grid: {
            left: '3%',
            right: '10%',
            bottom: '6%',
            top:'12%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                data: xData,
                axisLine: {
                    show: false,
                    lineStyle: {
                        color: 'rgba(255,255,255,0.5)',

                    }
                },

                axisTick: {
                    show: false,
                },
                splitLine:{
                  show:true,

                    lineStyle:{
                        color: 'rgba(101,124,168,0.1)',
                    }
                },
                axisLabel: {
                    textStyle: {
                        color: 'rgba(255,255,255,0.5)',
                        fontSize: 14
                    },
                }
            }
        ],
        yAxis: [
            {

                type: 'value',
                splitLine: {
                    show: true,
                    lineStyle: {
                        color:  'rgba(101,124,168,0.1)',

                    }
                },
                axisLabel: {

                    textStyle: {
                        color: 'rgba(255,255,255,0.5)',
                        fontSize: 14
                    },
                },
                axisTick: {
                    show: false,
                },
                axisLine: {
                    show: false,
                    lineStyle: {
                        // color: 'rgba(101,124,168,0.1)'

                    }
                }
            },
        ],
        series: [

            {
                smooth: true,
                type: 'line',
                // stack: 'Total',
                // yAxisIndex: 1,
                color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                    {
                        offset: 0,
                        color: '#0067cd'
                    },
                    {
                        offset: 1,
                        color: '#04c1e4'
                    }
                ]),
                // areaStyle: {
                //     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                //         {
                //             offset: 0,
                //             color: 'rgba(255,199,37,0.5)'
                //         },
                //         {
                //             offset: 1,
                //             color: 'rgba(254,252,49,0)'
                //         }
                //     ])
                // },
                label: {
                    show: false,
                    color: '#fff',
                    fontWeight: 700
                },
                emphasis: {
                    focus: 'series'
                },
                data: data2,

            },


        ]
    };
    setOptions(ele, option)
}


export function setUnitsCommentEcharts(ele,chartData,title) {
    // BAYONET: "chsx"
    // BOATNUM: 10
    // TIME: "2021-11-25 00"
    // TYPE: "DAY"
    let xData = []
    //
    let data2 = []
    for(let i=0;i<chartData.length;i++){
        xData.push(chartData[i].OPERATION_TIME1);
        if(chartData[i].DATA_COUNT!=undefined){
            data2.push(chartData[i].DATA_COUNT)
        }else{
            data2.push(chartData[i].CPL)
        }
    }
    console.log(title);
    let option = {
        title: {
                 text:  title,
                 left: 'left',
                 top:'8px',
                    textStyle: {
                        color: "#fff",
                        fontSize: 14,
                        fontWeight:'normal',
                        fontFamily:'-apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol',

                    },
                },
        tooltip: {
            trigger: 'axis',
            confine:true,
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        legend: {
            icon:'line',
            right: 80,
            top:0,
            // data: ['变化地块数', '审批地块数'],
            textStyle: {
                color: "#fff",
                fontSize: 14
            },
            show: true

        },

        grid: {
            left: '3%',
            right: '10%',
            bottom: '6%',
            top:'20%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                data: xData,
                axisLine: {
                    show: false,
                    lineStyle: {
                        color: 'rgba(255,255,255,0.5)',

                    }
                },

                axisTick: {
                    show: false,
                },
                splitLine:{
                    show:true,

                    lineStyle:{
                        color: 'rgba(101,124,168,0.1)',
                    }
                },
                axisLabel: {
                    textStyle: {
                        color: 'rgba(255,255,255,0.5)',
                        fontSize: 14
                    },
                }
            }
        ],
        yAxis: [
            {

                type: 'value',
                splitLine: {
                    show: true,
                    lineStyle: {
                        color:  'rgba(101,124,168,0.1)',

                    }
                },
                axisLabel: {

                    textStyle: {
                        color: 'rgba(255,255,255,0.5)',
                        fontSize: 14
                    },
                },
                axisTick: {
                    show: false,
                },
                axisLine: {
                    show: false,
                    lineStyle: {
                        // color: 'rgba(101,124,168,0.1)'

                    }
                }
            },
        ],
        series: [

            {
                smooth: true,
                type: 'line',
                // stack: 'Total',
                // yAxisIndex: 1,
                color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                    {
                        offset: 0,
                        color: '#0067cd'
                    },
                    {
                        offset: 1,
                        color: '#04c1e4'
                    }
                ]),
                // areaStyle: {
                //     color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                //         {
                //             offset: 0,
                //             color: 'rgba(255,199,37,0.5)'
                //         },
                //         {
                //             offset: 1,
                //             color: 'rgba(254,252,49,0)'
                //         }
                //     ])
                // },
                label: {
                    show: false,
                    color: '#fff',
                    fontWeight: 700
                },
                emphasis: {
                    focus: 'series'
                },
                data: data2,

            },


        ]
    };
    setOptions(ele, option)
}
