人民日报式海外疫情玫瑰图echarts 饼配置项内容和展示

使用2020-03-25数据

      var legenddata = [
{name:'美国',Confirmed:85840,Dead:1296},
{name:'意大利',Confirmed:80589,Dead:8215},
{name:'西班牙',Confirmed:57786,Dead:4365},
{name:'德国',Confirmed:43938,Dead:267},
{name:'法国',Confirmed:29566,Dead:1698},
{name:'伊朗',Confirmed:29406,Dead:2234},
{name:'英国',Confirmed:11812,Dead:580},
{name:'瑞士',Confirmed:11811,Dead:191},
{name:'韩国',Confirmed:9332,Dead:139},
{name:'荷兰',Confirmed:7469,Dead:435},
{name:'奥地利',Confirmed:6909,Dead:49},
{name:'比利时',Confirmed:6235,Dead:220},
{name:'加拿大',Confirmed:4046,Dead:39},
{name:'土耳其',Confirmed:3629,Dead:75},
{name:'葡萄牙',Confirmed:3544,Dead:60},
{name:'挪威',Confirmed:3372,Dead:14},
{name:'澳大利亚',Confirmed:2991,Dead:13},
{name:'巴西',Confirmed:2985,Dead:77},
{name:'瑞典',Confirmed:2840,Dead:77},
{name:'以色列',Confirmed:2693,Dead:8}

],
 option = {
 dataset: {
    source: [
['Country','Confirmed','SQRT','Dead'],
['美国',85840,292.9846412,1296],
['意大利',80589,283.8820177,8215],
['西班牙',57786,240.3871877,4365],
['德国',43938,209.6139308,267],
['法国',29566,171.9476665,1698],
['伊朗',29406,171.4817775,2234],
['英国',11812,108.6830254,580],
['瑞士',11811,108.6784247,191],
['韩国',9332,96.60227741,139],
['荷兰',7469,86.42337647,435],
['奥地利',6909,83.12039461,49],
['比利时',6235,78.96201618,220],
['加拿大',4046,63.60817558,39],
['土耳其',3629,60.24118193,75],
['葡萄牙',3544,59.53150426,60],
['挪威',3372,58.06892456,14],
['澳大利亚',2991,54.69003566,13],
['巴西',2985,54.63515352,77],
['瑞典',2840,53.29165038,77]

    ]},
    toolbox: {
        show: true,//false则不显示工具栏
        feature: {
            saveAsImage: {show: true,type:'jpeg'}
        }
    },
    title: {
        text: '人民日报式海外疫情玫瑰图',
        subtext: '\n使用2020-03-27数据\n\n——by charming_chart（微信公众号）',
        x: '60%',
        y: '150',
        textStyle:
        {fontSize:27,
        fontWeight:'bold',
        fontFamily:'Microsoft YaHei',
        color:'#000'
        },
        subtextStyle:
        {
            fontStyle:'italic',
			fontSize:14
        }
    },
     legend: {
        x: '60%',//水平位置，【left\center\right\数字】
        y: '350',//垂直位置，【top\center\bottom\数字】
        align:'left',//字在图例的左边或右边【left/right】
        orient:'vertical',//图例方向【horizontal/vertical】
        icon: "circle",   //图例形状【circle\rect\roundRect\triangle\diamond\pin\arrow\none】
        textStyle://图例文字
        {
            fontFamily:'微软雅黑',
            color:'#000',
            
        },
        data: ['美国','意大利','西班牙','德国','法国','伊朗','英国','瑞士','韩国','荷兰','','奥地利','比利时','加拿大','土耳其','葡萄牙','挪威','澳大利亚','巴西','瑞典'],
        formatter: function(params)  {
            console.log('图例参数',params) 
            for (var i=0;i<legenddata.length;i++){
                  if (legenddata[i].name== params){
                      return params+"\t确诊:"+legenddata[i].Confirmed+"\t死亡:"+legenddata[i].Dead;
                     }
              }
        } 
  
     },
 
	calculable: true,
    series: [
        {
            name: '半径模式',
            type: 'pie',
            clockWise: false ,
            radius: [20, 400],
            center: ['40%', '60%'],
            roseType: 'area',
			encode: {
            itemName: 'Country',
            value: 'SQRT'
					},
            itemStyle: {
                normal: {
				color: function(params) {
                       var colorList = [
            "#a71a4f","#bc1540","#c71b1b","#d93824","#ce4018","#d15122","#e7741b","#e58b3d","#e59524","#dc9e31","#da9c2d","#d2b130","#bbd337","#8cc13f","#67b52d","#53b440","#48af54","#479c7f","#48a698","#57868c"
                        ];
                        return colorList[params.dataIndex]
                    },
                    label: {
                        position: 'inside',
						textStyle:
                        {   
                            fontWeight:'bold',
                            fontFamily:'Microsoft YaHei',
                            color:'#FAFAFA',
							fontSize:10
                        },
                        //formatter:'{b} \n{@Confirmed}例 \n死亡{@Dead}',//注意这里大小写敏感哦
						formatter : function(params) 
						{  console.log('参数列表',params) 
                            if(params.data[1]>9000)
							{return params.data[0]+'\n'+params.data[1]+"例"+'\n'+"死亡"+params.data[3]+"例";}
							else{return "";}
                                    },

                    },
                },
    },

        },
        {
            name:'透明圆圈',
            type:'pie',
            radius: [10,27],
            center: ['40%', '60%'],
            itemStyle: {
                    color: 'rgba(250, 250, 250, 0.3)',
    },
            data:[
                {value:10,name:''}
            ]
        },
        {
            name:'透明圆圈',
            type:'pie',
            radius: [10,35],
            center: ['40%', '60%'],
            itemStyle: {
                    color: 'rgba(250, 250, 250, 0.3)',
    },
            data:[
                {value:10,name:''}
            ]
        }
            ] 
    
};