jiangxiSZ/shuzhixiangzheng/src/assets/api/charts.js

/**
 * 首页 参保情况环状图
 * @param {*} value1    占比数量值
 * @param {*} value2    总值
 * @param {*} value3    占比数量值
 * @param {*} value4    总值
 * @returns 
 */
export function chart_canbao(value1,value2,value3,value4) {
  return  {
    // tooltip: {
    //   trigger: 'item'
    // },
    // legend: {
    //    // name:"22",
    //     orient: 'vertical',
    //    // right: 10,
    //     top: 'center',
    //     //data:["111"]
    //     // x: '35%',
    //     // top:'27%',
    //    //  itemHeight: 10,//图例的高度
    //     // itemGap:1,//图例之间的间距
    //      data:['医保参保','\n','社保参保']
    // },
    series: [{
        name: 'Access From',
        type: 'pie',
        radius: ['75%', '80%'],
        avoidLabelOverlap: false,
        label: {
          show: false,
          formatter: '{c}%',
          position: 'center'
        },
        // emphasis: {
        //   label: {
        //     show: true,
        //     fontSize: '10',
        //     fontWeight: 'bold'
        //   }
        // },
        labelLine: {
          show: true
        },
        data: [
          {
              name:"医保参保",
            value: value1,
            itemStyle: {
              normal: {
                color: 'rgb(55,180,164)'
              }
            }
          },
          {
            // name:"2",
            value: value2,
            itemStyle: {
              normal: {
                color: 'transparent'
              }
            }
          }
        ]
      },
      {
        name: 'Access From',
        type: 'pie',
        radius: ['63%', '68%'],
        avoidLabelOverlap: false,
        label: {
          show: false,
          position:'center',
          formatter: '{c}%',
        },
        labelLayout:{
          y:"10%"
        },
        // emphasis: {
        //   label: {
        //     show: true,
        //     fontSize: '10',
        //     fontWeight: 'bold'
        //   }
        // },
        labelLine: {
          show: false
        },
        data: [{
            name:"社保参保",
            value: value3,
            itemStyle: {
              normal: {
                color: 'rgb(250,205,38)'
              }
            }
          },
          {
            value: value4,
            itemStyle: {
              normal: {
                color: 'transparent'
              }
            }
          }
        ]
      }
    ]
  };
}