三类分公司各级督办工单数量echarts funnel配置项内容和展示

      var color = ['black','rgba(198, 89, 17,0.5)','rgba(255, 242, 204, 0.51)',  'rgba(155, 194, 230,0.51)','rgba(255, 0, 0,10)','rgba(84, 130, 93,0.7)'];
option = {

    title: {
        text: '三类分公司各级督办工单数量',
       textStyle: {
        fontSize: 35,
        fontWeight: 'bolder',
        color: '#333'          // 主标题文字颜色
    }
    },
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c}%"
    },
    toolbox: {
        feature: {
            
            saveAsImage: {}
        }
    },
    legend: {
         left: '50%',
         data: ['密云','怀柔','平谷','延庆'],
        textStyle: {
        fontSize: 20,
        fontWeight: 'bolder',
        color: '#333'          // 主标题文字颜色
    }
    },
    series: [
        {
            name: '密云',
            type: 'funnel',
            left: '1%',
            width: '80%',
           label: {
                normal: {
                    opacity: 1,
                    formatter: ''
                },
                
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                  
                     borderColor: 'black',
                   color:color[1],
                    borderWidth: 2
                   
                }
            },
            data: [
               {value: 384, name: '一级督办'},	{value: 214, name: '二级督办'},	{value: 107, name: '三级督办'},	{value: 74, name: '四级督办'},	{value: 0, name: '五级督办'},		

            ]
        },
        {
            name: '怀柔',
            type: 'funnel',
            left: '1%',
            width: '80%',
            label: {
            
                normal: {
                     padding: [3, 4, 1, 6],
                    formatter: '{b}数量',
                    color:color[0],
                    textStyle: {
         fontSize:22,
        fontWeight: 'bolder',
        color: '#333'          // 主标题文字颜色
    }
                },
               
            },
            
            labelLine: {
                normal: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color:color[2],
                    opacity: 0.5,
                    borderColor: 'black',
                    borderWidth: 2
                }
            },
            data: [
              {value: 186, name: '一级督办'},	{value: 166, name: '二级督办'},	{value: 123, name: '三级督办'},	{value: 117, name: '四级督办'},	{value: 3, name: '五级督办'},		

            ]
        },
        {
            name: '平谷',
            type: 'funnel',
            left: '1%',
            width: '80%',
           
           label: {
                normal: {
                    opacity: 1,
                    formatter: ''
                },
                
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color:color[3],
                    opacity: 0.5,
                    borderColor: 'black',
                    borderWidth: 2
                }
            },
            data: [
             {value: 229, name: '一级督办'},	{value: 117, name: '二级督办'},	{value: 73, name: '三级督办'},	{value: 59, name: '四级督办'},	{value: 2, name: '五级督办'},		


            ]
        },
        {
            name: '延庆',
            type: 'funnel',
            left: '1%',
            width: '80%',
           
           label: {
                normal: {
                    opacity: 1,
                    formatter: ''
                },
                
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            itemStyle: {
                normal: {
                    color:color[4],
                    opacity: 0.5,
                    borderColor: 'black',
                    borderWidth: 2
                }
            },
            data: [
             {value: 108, name: '一级督办'},	{value: 45, name: '二级督办'},	{value: 11, name: '三级督办'},	{value: 1, name: '四级督办'},	{value: 0, name: '五级督办'},		


            ]
        }
    ]
};