// @ts-ignore
import * as echarts from '../../../components/ec-canvas/echarts.js'
/******党员参与人数,党建声音参与人数 ****/
export function PeopleChart1(chart: any) {
    var option = {
      series: [
        {
        type: 'pie',
        itemStyle: {
          normal: {
            color: function (params: { dataIndex: string | number; }) {
              //自定义颜色
              var colorList = [
                "#FFC600", "#29B9A5"
              ];
              return colorList[params.dataIndex]
            },
            borderColor: '#fff',
            borderWidth: '2',
          }
        },
        data: [{
          name: '20',
          value: 20
        },
        {
          name: '50',
          value: 50
        }],
        clickable: false,　　　　　　 //是否开启点击
        minAngle: 15,           　　 //最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互
        avoidLabelOverlap: true,   //是否启用防止标签重叠策略
        hoverAnimation: false,　　  //是否开启 hover 在扇区上的放大动画效果。
        silent: true,　　　　　　　　//图形是否不响应和触发鼠标事件
        center: ['50%', '50%'],
        radius: '60%',
        labelLine: { // 设置指示线的长度
          normal: {
            length: 12,
            length2: 8
          }
        },
        label: {
          position: 'outer',
          alignTo: 'none',
          bleedMargin: 5
        },
        left: 0,
        right: '50%',
        top: '-20%',
        bottom: 0,
      },
        {
          type: 'pie',
          itemStyle: {
            normal: {
              color: function (params: { dataIndex: string | number; }) {
                //自定义颜色
                var colorList = [
                  "#AD6DFE", "#FFA270"
                ];
                return colorList[params.dataIndex]
              },
              borderColor: '#fff',
              borderWidth: '2',
            }
          },
          data: [{
            name: '20',
            value: 20
          },
          {
            name: '50',
            value: 50
          }],
          clickable: false,　　　　　　 //是否开启点击
          minAngle: 15,           　　 //最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互
          avoidLabelOverlap: true,   //是否启用防止标签重叠策略
          hoverAnimation: false,　　  //是否开启 hover 在扇区上的放大动画效果。
          silent: true,　　　　　　　　//图形是否不响应和触发鼠标事件
          center: ['50%', '50%'],
          radius: ['30%', '40%'],
          labelLine: { // 设置指示线的长度
            normal: {
              length: 12,
              length2: 8
            }
          },
          label: {
            position: 'outer',
            alignTo: 'none',
            bleedMargin: 5
          },
          left: '50%',
          right: 0,
          top: '-20%',
          bottom: 0
        }
      ]
    };
    chart.setOption(option);
    return chart;
  // var option = {
  //   color: ["#FFC600", "#29B9A5"],
  //   series: [
  //     {
  //       type: 'pie',
  //       center: ['50%', '50%'],
  //       radius: ['0%', '100%'],
  //       silent: true,
  //       avoidLabelOverlap: false,
  //       label: {
  //         show: false
  //       },
  //       labelLine: {
  //         show: false,
  //         normal: {
  //           show: false
  //         }
  //       },
  //       itemStyle: {
  //         borderColor: '#fff',
  //         borderWidth: '2',
  //       },
  //       data: [{ name: '好好', value: '20' }, { name: '好', value: '30' }]
  //     }
  //   ]
  // };
  // chart.setOption(option);
  // return chart;
}
export function PeopleChart2(chart: any,colorData:any,peopleLeft:any,colorData2:any,peopleright:any) {
  var option = {
    series: [
      {
      type: 'pie',
      itemStyle: {
        normal: {
          color: function (params: { dataIndex: string | number; }) {
            //自定义颜色
            var colorList = colorData;
            return colorList[params.dataIndex]
          },
          borderColor: '#fff',
          borderWidth: '2',
        }
      },
      data: peopleLeft,
      clickable: false,　　　　　　 //是否开启点击
      minAngle: 15,           　　 //最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互
      avoidLabelOverlap: true,   //是否启用防止标签重叠策略
      hoverAnimation: false,　　  //是否开启 hover 在扇区上的放大动画效果。
      silent: true,　　　　　　　　//图形是否不响应和触发鼠标事件
      center: ['50%', '50%'],
      radius: '60%',
      labelLine: { // 设置指示线的长度
        normal: {
          length: 12,
          length2: 8
        }
      },
      label: {
        position: 'outer',
        alignTo: 'none',
        bleedMargin: 5
      },
      left: 0,
      right: '50%',
      top: '-10%',
      bottom: 0,
    },
      {
        type: 'pie',
        itemStyle: {
          normal: {
            color: function (params: { dataIndex: string | number; }) {
              //自定义颜色
              var colorList = colorData2;
              return colorList[params.dataIndex]
            },
            borderColor: '#fff',
            borderWidth: '2',
          }
        },
        data: peopleright,
        clickable: false,　　　　　　 //是否开启点击
        minAngle: 15,           　　 //最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互
        avoidLabelOverlap: true,   //是否启用防止标签重叠策略
        hoverAnimation: false,　　  //是否开启 hover 在扇区上的放大动画效果。
        silent: true,　　　　　　　　//图形是否不响应和触发鼠标事件
        center: ['50%', '50%'],
        radius: ['30%', '40%'],
        labelLine: { // 设置指示线的长度
          normal: {
            length: 12,
            length2: 8
          }
        },
        label: {
          position: 'outer',
          alignTo: 'none',
          bleedMargin: 5
        },
        left: '50%',
        right: 0,
        top: '-10%',
        bottom: 0
      }
    ]
  };
  chart.setOption(option);
  return chart;
}
/******党员参与人数,党建声音参与情况,党员亮身份参与议事情况,党员群团带动情况 ****/
export function getPeopleChart2(chart: any,colorData:any,chartsData:any) {
  var option = {
    color: colorData,
    series: [
      {
        type: 'pie',
        radius: ['50%', '70%'],
        silent: true,
        avoidLabelOverlap: false,
        label: {
          show: false
        },
        labelLine: {
          show: false,
          normal: {
            show: false
          }
        },
        itemStyle: {
          borderColor: '#fff',
          borderWidth: '2',
        },
        data:chartsData,
      }
    ]
  };
  chart.setOption(option);
  return chart;
}

export function getparticipation(chart: any,data1:AnyArray,data2:AnyArray,data3:AnyArray,data4:AnyArray,xData:AnyArray) {
  console.log(xData)
  var option = {
    // color: ['#FFC600', '#FFA270', '#63CFED', '#679CF7'],
    // tooltip: {
    //   trigger: 'axis',
    // },
    background: '#fff',
    grid: { //图表的位置
      top: '20%',
      left: '3%',
      right: '4%',
      bottom: '5%',
      containLabel: true
    },
    yAxis: {
      type: 'value',
      data: ['0', '10', '20', '30', '40', '50'], //category,设置无数据时默认值
      axisTick: {
        show: false ////是否显示坐标轴轴线
      },
      splitLine: { // 网格线
        show: true,
        lineStyle: {
          type: 'solid',
          color: '#E9E9E9'
        }
      },
      axisLabel: { //坐标轴刻度标签的相关设置。
        show: true,
        textStyle: {
          color: '#B5B7BF',
          fontSize: 10
        }
      },
      axisLine: { //坐标轴轴线相关设置。
        show: false,
        lineStyle: {
          color: '#B5B7BF'
        }
      }
    },
    xAxis: {
      type: 'category',
      data: xData,
      axisTick: {
        show: false // 是否显示坐标轴轴线
      },
      axisLabel: { //坐标轴刻度标签的相关设置。
        show: true,
        textStyle: {
          color: '#B5B7BF',
          fontSize: 10
        }
      },
      axisLine: { //坐标轴轴线相关设置。
        show: false,
        lineStyle: {
          color: '#E9E9E9'
        }
      }
    },
    series: [{
      name: '党员',
      type: 'bar',
      stack: 'sum',
      barWidth: 13,
      data: data1,
      color: '#FFC600',
    },
    {
      name: '党员参与',
      type: 'bar',
      barWidth: 13,
      stack: 'sum',
      data: data2,
      color: '#FFA270',
      itemStyle: {
        barWidth: 18,
        normal: {
          barBorderRadius: [9, 9, 0, 0] //（顺时针左上，右上，右下，左下）
        },
      },
      // markPoint: {
      //   data: [
      //     { type: 'max', name: '最大值' },
      //   ],
      //   silent:true,
      //   // symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAYAAAB0xJ2ZAAACG0lEQVRoQ+2asWsUQRTGv2/GRLQJIlhYGBBbA6awyeUKhbsjgmAXwf8ghBAljYUItuHQEP+DgKCWCXGXNLndgErQQu2T1CKCGIm482TOCxjQbHYCezA7U+zBzXuz7/vdzPtYbone0El8G5ApAa4AOL3/vWefuwTeA3yajTeeWW20F5VGCxBMeyb2cDnCRVNvTFN3okkhujSqNkhMUidRKsBY1cT3tv8GVRJ99/jM5/2uPywAyYvyeT4ACDsgHIHQA0IT9LnL52kLLhBcILhAcIHgAnmd0uf54ALBBYILBBcILuBzl8/TZl3gFwCdF+jpfEaVxFuADHsqMEcWt6nSqA3BbDUBSJt4s3ZW/czeAbhQMQg7ZlCPdv8aw8bKsDZ6ScBaFSAQkmYqu4OxG9t/AOyPzqtRrXhZBCePDYK0a5+nSEuAq8deD/gEYAnAF9e1SOxlRj6g3rI7vjsOAnBdOSdPJ/EtgcwDuOh2C2mbb+Y+Jib23PL/n1UKgO7tk+UzxIkXBK8XECGg3DW11uMCOYVCywNgy9rcHODu55ckbx6xyhkz3lw4YqxTWLkAbIkfnw/y69AqBdcOrZh8YGqNR06qCiSVD6B3HJQMvAVx6Z+1CuZNvTlXQIdzaH8A2HI7qyOK6jWAUwerlyem1pwFWcpDWv8A2FdzkngKkMUeAAPyYRnb/m/gfQUAETKNVwicM8J7qDfWnfeyY+JvuZS1dy1/01cAAAAASUVORK5CYII=',
      //   symbolOffset:[0,-30],//0 是左右 30是上
      //   label:{
      //     // position:'top',
      //     // distance:10
      //   }
      // },

    },
    {
      name: '居民',
      type: 'bar',
      color: '#63CFED',
      stack: 'sum1',
      barWidth: 13,
      data: data3

    },
    {
      name: '居民参与',
      type: 'bar',
      color: '#679CF7',
      stack: 'sum1',
      barWidth: 13,
      data: data4,
      itemStyle: {
        barWidth: 18,
        normal: {
          barBorderRadius: [9, 9, 0, 0] //（顺时针左上，右上，右下，左下）
        },
      },
      // markPoint: {
      //   data: [
      //     { type: 'max', name: '最大值' },
      //   ],
      //   silent:true,
      //   // symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAYAAAB0xJ2ZAAACG0lEQVRoQ+2asWsUQRTGv2/GRLQJIlhYGBBbA6awyeUKhbsjgmAXwf8ghBAljYUItuHQEP+DgKCWCXGXNLndgErQQu2T1CKCGIm482TOCxjQbHYCezA7U+zBzXuz7/vdzPtYbone0El8G5ApAa4AOL3/vWefuwTeA3yajTeeWW20F5VGCxBMeyb2cDnCRVNvTFN3okkhujSqNkhMUidRKsBY1cT3tv8GVRJ99/jM5/2uPywAyYvyeT4ACDsgHIHQA0IT9LnL52kLLhBcILhAcIHgAnmd0uf54ALBBYILBBcILuBzl8/TZl3gFwCdF+jpfEaVxFuADHsqMEcWt6nSqA3BbDUBSJt4s3ZW/czeAbhQMQg7ZlCPdv8aw8bKsDZ6ScBaFSAQkmYqu4OxG9t/AOyPzqtRrXhZBCePDYK0a5+nSEuAq8deD/gEYAnAF9e1SOxlRj6g3rI7vjsOAnBdOSdPJ/EtgcwDuOh2C2mbb+Y+Jib23PL/n1UKgO7tk+UzxIkXBK8XECGg3DW11uMCOYVCywNgy9rcHODu55ckbx6xyhkz3lw4YqxTWLkAbIkfnw/y69AqBdcOrZh8YGqNR06qCiSVD6B3HJQMvAVx6Z+1CuZNvTlXQIdzaH8A2HI7qyOK6jWAUwerlyem1pwFWcpDWv8A2FdzkngKkMUeAAPyYRnb/m/gfQUAETKNVwicM8J7qDfWnfeyY+JvuZS1dy1/01cAAAAASUVORK5CYII=',
      //   symbolOffset:[0,-30],//0 是左右 30是上
      //   label:{
      //     // position:'top',
      //     // distance:10
      //   }
      // },

    },
    ]
  };

  chart.setOption(option);
  return chart;
}
/*************党员参与占比分析*************/
export function getparticipation2(chart: any, yLineData: AnyArray, yData1: AnyArray, yData2: AnyArray, xData: AnyArray) {
  var option = {
    grid: {
      top: '20%',
      left: '3%',
      right: '4%',
      bottom: '5%',
      containLabel: true
    },
    yAxis: [{
      type: 'value',
      axisTick: {
        show: false
      },
      splitLine: {
        show: true,
        lineStyle: {
          type: 'solid',
          color: '#E9E9E9'
        }
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#B5B7BF',
          fontSize: 10
        }
      },
      axisLine: {
        show: false,
        lineStyle: {
          color: '#B5B7BF'
        }
      }
    }, {
      type: 'value',
      axisTick: {
        show: false
      },
      splitLine: {
        show: false
      },
      axisLine: {
        lineStyle: {
          color: '#fff',
        }
      },
      axisLabel: {
        formatter: '{value} %',
        show: true,
        textStyle: {
          color: '#B5B7BF',
          fontSize: 10
        }
      },

    }
    ],
    xAxis: {
      type: 'category',
      data: xData,
      axisTick: {
        show: false
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#B5B7BF',
          fontSize: 10
        }
      },
      axisLine: {
        show: false,
        lineStyle: {
          color: '#E9E9E9'
        }
      }
    },
    series: [
      {
        data: yLineData,
        type: 'line',
        color: '#FFA270',
        yAxisIndex: 1
      },
      {
        name: '党员参与',
        type: 'bar',
        barWidth: 13,
        stack: 'sum',
        data: yData1,
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          { offset: 0, color: '#02C9B4' },
          { offset: 1, color: '#01AECC' }
        ]),
        itemStyle: {
          barWidth: 13,
          normal: {
            barBorderRadius: [9, 9, 0, 0]
          }
        }
      },
      {
        name: '居民参与',
        type: 'bar',
        stack: 'sum1',
        barWidth: 13,
        data: yData2,
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          { offset: 0, color: '#2970FF' },
          { offset: 1, color: '#81A2FF' }
        ]),
        itemStyle: {
          barWidth: 13,
          normal: {
            barBorderRadius: [9, 9, 0, 0]
          }
        },
      },
    ]
  };
  chart.setOption(option);
  return chart;
}
export function getVoiceActive(chart: any) {
  var option = {
    // color: color,
    series: [
      {
        type: 'pie',
        radius: ['70%', '95%'],
        silent: true,
        avoidLabelOverlap: false,
        label: {
          show: false
        },
        labelLine: {
          show: false,
          normal: {
            show: false
          }
        },
        itemStyle: {
          borderColor: '#fff',
          borderWidth: '2',
        },
        data: [{ name: '好好', value: '20' }, { name: '非常好好', value: '10' }, { name: '好', value: '30' }]
      }
    ]
  };
  chart.setOption(option);
  return chart;
}

export function getVoiceActiveA(chart: any) {
  var option = {
    color: ["#FFC600", "#29B9A5"],
    series: [
      {
        type: 'pie',
        center: ['50%', '50%'],
        radius: ['0%', '100%'],
        silent: true,
        avoidLabelOverlap: false,
        label: {
          show: false
        },
        labelLine: {
          show: false,
          normal: {
            show: false
          }
        },
        itemStyle: {
          borderColor: '#fff',
          borderWidth: '2',
        },
        data: [{ name: '好好', value: '20' }, { name: '好', value: '30' }]
      }
    ]
  };
  chart.setOption(option);
  return chart;
}

export function getparticipationPercent(chart: any) {

  var data2 = [30, 60, 60, 70,];
  var data3 = [70, 60, 90, 100,];

  var xData = ['第一周', '第二周', '第三周', '第四周'];
  var option = {
    grid: {
      top: '20%',
      left: '3%',
      right: '4%',
      bottom: '5%',
      containLabel: true
    },
    yAxis: [{
      type: 'value',
      axisTick: {
        show: false
      },
      splitLine: {
        show: true,
        lineStyle: {
          type: 'solid',
          color: '#E9E9E9'
        }
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#B5B7BF',
          fontSize: 10
        }
      },
      axisLine: {
        show: false,
        lineStyle: {
          color: '#B5B7BF'
        }
      }
    }, {
      type: 'value',
      axisTick: {
        show: false
      },
      splitLine: {
        show: false
      },
      axisLine: {
        lineStyle: {
          color: '#fff',
        }
      },
      axisLabel: {
        formatter: '{value}%',
        max: 100,
        show: true,
        textStyle: {
          color: '#B5B7BF',
          fontSize: 10
        }
      }
    }
    ],
    xAxis: {
      type: 'category',
      data: xData,
      axisTick: {
        show: false
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#B5B7BF',
          fontSize: 10
        }
      },
      axisLine: {
        show: false,
        lineStyle: {
          color: '#E9E9E9'
        }
      }
    },
    // dataZoom: [
    //   {
    //     type: "inside",
    //     start: 50,
    //     end: 100
    //   },
    //   {
    //     show: true,
    //     type: "slider",
    //     y: "90%",
    //     start: 50,
    //     end: 100
    //   }
    // ],
    
    
    series: [
      {
        data: [10, 16, 50, 90],
        type: 'line',
        color: '#FFA270',
        yAxisIndex: 1,
        markPoint: {
          data: [
            { type: 'max', name: '最大值' },
          ],
          silent: true,
          
          // symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAYAAAB0xJ2ZAAACG0lEQVRoQ+2asWsUQRTGv2/GRLQJIlhYGBBbA6awyeUKhbsjgmAXwf8ghBAljYUItuHQEP+DgKCWCXGXNLndgErQQu2T1CKCGIm482TOCxjQbHYCezA7U+zBzXuz7/vdzPtYbone0El8G5ApAa4AOL3/vWefuwTeA3yajTeeWW20F5VGCxBMeyb2cDnCRVNvTFN3okkhujSqNkhMUidRKsBY1cT3tv8GVRJ99/jM5/2uPywAyYvyeT4ACDsgHIHQA0IT9LnL52kLLhBcILhAcIHgAnmd0uf54ALBBYILBBcILuBzl8/TZl3gFwCdF+jpfEaVxFuADHsqMEcWt6nSqA3BbDUBSJt4s3ZW/czeAbhQMQg7ZlCPdv8aw8bKsDZ6ScBaFSAQkmYqu4OxG9t/AOyPzqtRrXhZBCePDYK0a5+nSEuAq8deD/gEYAnAF9e1SOxlRj6g3rI7vjsOAnBdOSdPJ/EtgcwDuOh2C2mbb+Y+Jib23PL/n1UKgO7tk+UzxIkXBK8XECGg3DW11uMCOYVCywNgy9rcHODu55ckbx6xyhkz3lw4YqxTWLkAbIkfnw/y69AqBdcOrZh8YGqNR06qCiSVD6B3HJQMvAVx6Z+1CuZNvTlXQIdzaH8A2HI7qyOK6jWAUwerlyem1pwFWcpDWv8A2FdzkngKkMUeAAPyYRnb/m/gfQUAETKNVwicM8J7qDfWnfeyY+JvuZS1dy1/01cAAAAASUVORK5CYII=',
          symbolOffset: [-5, 0],//0 是左右 30是上
          label: {
            // position:'top',
            // distance:10
            color:'#fff',
            fontSize:10
          }
        },
      },
      {
        name: '党员参与',
        type: 'bar',
        barWidth: 13,
        stack: 'sum',
        label: {
          // backgroundColor: { image: 'demo.png' },
          // normal: {
          //   show: true,            //显示数字
          //   position: 'top',        //这里可以自己选择位置
          //   color: 'red',
          // }
        },
        data: data2,
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          { offset: 0, color: '#02C9B4' },
          { offset: 1, color: '#01AECC' }
        ]),
        itemStyle: {
          barWidth: 13,
          normal: {
            barBorderRadius: [9, 9, 0, 0]
          }
        },
        markPoint: {
          data: [
            { type: 'min', name: '最大值' },
          ],
          silent: true,
          
          // symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAYAAAB0xJ2ZAAACG0lEQVRoQ+2asWsUQRTGv2/GRLQJIlhYGBBbA6awyeUKhbsjgmAXwf8ghBAljYUItuHQEP+DgKCWCXGXNLndgErQQu2T1CKCGIm482TOCxjQbHYCezA7U+zBzXuz7/vdzPtYbone0El8G5ApAa4AOL3/vWefuwTeA3yajTeeWW20F5VGCxBMeyb2cDnCRVNvTFN3okkhujSqNkhMUidRKsBY1cT3tv8GVRJ99/jM5/2uPywAyYvyeT4ACDsgHIHQA0IT9LnL52kLLhBcILhAcIHgAnmd0uf54ALBBYILBBcILuBzl8/TZl3gFwCdF+jpfEaVxFuADHsqMEcWt6nSqA3BbDUBSJt4s3ZW/czeAbhQMQg7ZlCPdv8aw8bKsDZ6ScBaFSAQkmYqu4OxG9t/AOyPzqtRrXhZBCePDYK0a5+nSEuAq8deD/gEYAnAF9e1SOxlRj6g3rI7vjsOAnBdOSdPJ/EtgcwDuOh2C2mbb+Y+Jib23PL/n1UKgO7tk+UzxIkXBK8XECGg3DW11uMCOYVCywNgy9rcHODu55ckbx6xyhkz3lw4YqxTWLkAbIkfnw/y69AqBdcOrZh8YGqNR06qCiSVD6B3HJQMvAVx6Z+1CuZNvTlXQIdzaH8A2HI7qyOK6jWAUwerlyem1pwFWcpDWv8A2FdzkngKkMUeAAPyYRnb/m/gfQUAETKNVwicM8J7qDfWnfeyY+JvuZS1dy1/01cAAAAASUVORK5CYII=',
          symbolOffset: [-5, 0],//0 是左右 30是上
          label: {
            // position:'top',
            // distance:10
            color:'#fff',
            fontSize:10
          }
        },
      },
      {
        name: '居民参与',
        type: 'bar',
        stack: 'sum1',
        barWidth: 13,
        data: data3,
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          { offset: 0, color: '#2970FF' },
          { offset: 1, color: '#81A2FF' }
        ]),
        itemStyle: {
          barWidth: 13,
          normal: {
            barBorderRadius: [9, 9, 0, 0]
          }
        },
      },
    ]
  };
  chart.setOption(option);
  return chart;
}

// 党建声音参与人次分析
export function voiceAnalyzeEcharts(chart: any) {

  
  var data2 = [30, 60, 60, 70,];
  var data3 = [70, 60, 90, 100,];

  var xData = ['第一周', '第二周', '第三周', '第四周'];
  var option = {
    grid: {
      top: '20%',
      left: '3%',
      right: '1%',
      bottom: '5%',
      containLabel: true
    },
    yAxis: [{
      type: 'value',
      axisTick: {
        show: false
      },
      splitLine: {
        show: true,
        lineStyle: {
          type: 'solid',
          color: '#E9E9E9'
        }
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#B5B7BF',
          fontSize: 10
        }
      },
      axisLine: {
        show: false,
        lineStyle: {
          color: '#B5B7BF'
        }
      }
    },
     {
      show: false,
      type: 'value',
      axisTick: {
        show: false
      },
      splitLine: {
        show: false
      },
      axisLine: {
        lineStyle: {
          color: '#fff',
        }
      },
      axisLabel: {
        formatter: '{value}%',
        max: 100,
        show: true,
        textStyle: {
          color: '#B5B7BF',
          fontSize: 10
        }
      }
    }
    ],
    xAxis: {
      type: 'category',
      data: xData,
      axisTick: {
        show: false
      },
      axisLabel: {
        show: true,
        textStyle: {
          color: '#B5B7BF',
          fontSize: 10
        }
      },
      axisLine: {
        show: false,
        lineStyle: {
          color: '#E9E9E9'
        }
      }
    },
    series: [
      {
        data: [10, 16, 50, 90],
        type: 'line',
        color: '#FFA270',
        yAxisIndex: 1,
        markPoint: {
          data: [
            { type: 'max', name: '最大值' },
          ],
          silent: true,
          
          // symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAYAAAB0xJ2ZAAACG0lEQVRoQ+2asWsUQRTGv2/GRLQJIlhYGBBbA6awyeUKhbsjgmAXwf8ghBAljYUItuHQEP+DgKCWCXGXNLndgErQQu2T1CKCGIm482TOCxjQbHYCezA7U+zBzXuz7/vdzPtYbone0El8G5ApAa4AOL3/vWefuwTeA3yajTeeWW20F5VGCxBMeyb2cDnCRVNvTFN3okkhujSqNkhMUidRKsBY1cT3tv8GVRJ99/jM5/2uPywAyYvyeT4ACDsgHIHQA0IT9LnL52kLLhBcILhAcIHgAnmd0uf54ALBBYILBBcILuBzl8/TZl3gFwCdF+jpfEaVxFuADHsqMEcWt6nSqA3BbDUBSJt4s3ZW/czeAbhQMQg7ZlCPdv8aw8bKsDZ6ScBaFSAQkmYqu4OxG9t/AOyPzqtRrXhZBCePDYK0a5+nSEuAq8deD/gEYAnAF9e1SOxlRj6g3rI7vjsOAnBdOSdPJ/EtgcwDuOh2C2mbb+Y+Jib23PL/n1UKgO7tk+UzxIkXBK8XECGg3DW11uMCOYVCywNgy9rcHODu55ckbx6xyhkz3lw4YqxTWLkAbIkfnw/y69AqBdcOrZh8YGqNR06qCiSVD6B3HJQMvAVx6Z+1CuZNvTlXQIdzaH8A2HI7qyOK6jWAUwerlyem1pwFWcpDWv8A2FdzkngKkMUeAAPyYRnb/m/gfQUAETKNVwicM8J7qDfWnfeyY+JvuZS1dy1/01cAAAAASUVORK5CYII=',
          symbolOffset: [-5, 0],//0 是左右 30是上
          label: {
            // position:'top',
            // distance:10
            color:'#fff',
            fontSize:10
          }
        },
      },
      {
        name: '党员参与',
        type: 'bar',
        barWidth: 13,
        stack: 'sum',
        label: {
          // backgroundColor: { image: 'demo.png' },
          // normal: {
          //   show: true,            //显示数字
          //   position: 'top',        //这里可以自己选择位置
          //   color: 'red',
          // }
        },
        data: data2,
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          { offset: 0, color: '#02C9B4' },
          { offset: 1, color: '#01AECC' }
        ]),
        itemStyle: {
          barWidth: 13,
          normal: {
            barBorderRadius: [9, 9, 0, 0]
          }
        },
        markPoint: {
          data: [
            { type: 'min', name: '最大值' },
          ],
          silent: true,
          
          // symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAYAAAB0xJ2ZAAACG0lEQVRoQ+2asWsUQRTGv2/GRLQJIlhYGBBbA6awyeUKhbsjgmAXwf8ghBAljYUItuHQEP+DgKCWCXGXNLndgErQQu2T1CKCGIm482TOCxjQbHYCezA7U+zBzXuz7/vdzPtYbone0El8G5ApAa4AOL3/vWefuwTeA3yajTeeWW20F5VGCxBMeyb2cDnCRVNvTFN3okkhujSqNkhMUidRKsBY1cT3tv8GVRJ99/jM5/2uPywAyYvyeT4ACDsgHIHQA0IT9LnL52kLLhBcILhAcIHgAnmd0uf54ALBBYILBBcILuBzl8/TZl3gFwCdF+jpfEaVxFuADHsqMEcWt6nSqA3BbDUBSJt4s3ZW/czeAbhQMQg7ZlCPdv8aw8bKsDZ6ScBaFSAQkmYqu4OxG9t/AOyPzqtRrXhZBCePDYK0a5+nSEuAq8deD/gEYAnAF9e1SOxlRj6g3rI7vjsOAnBdOSdPJ/EtgcwDuOh2C2mbb+Y+Jib23PL/n1UKgO7tk+UzxIkXBK8XECGg3DW11uMCOYVCywNgy9rcHODu55ckbx6xyhkz3lw4YqxTWLkAbIkfnw/y69AqBdcOrZh8YGqNR06qCiSVD6B3HJQMvAVx6Z+1CuZNvTlXQIdzaH8A2HI7qyOK6jWAUwerlyem1pwFWcpDWv8A2FdzkngKkMUeAAPyYRnb/m/gfQUAETKNVwicM8J7qDfWnfeyY+JvuZS1dy1/01cAAAAASUVORK5CYII=',
          symbolOffset: [-5, 0],//0 是左右 30是上
          label: {
            // position:'top',
            // distance:10
            color:'#fff',
            fontSize:10
          }
        },
      },
      {
        name: '居民参与',
        type: 'bar',
        stack: 'sum1',
        barWidth: 13,
        data: data3,
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
          { offset: 0, color: '#2970FF' },
          { offset: 1, color: '#81A2FF' }
        ]),
        itemStyle: {
          barWidth: 13,
          normal: {
            barBorderRadius: [9, 9, 0, 0]
          }
        },
      },
    ]
  };
  chart.setOption(option);
  return chart;
}