2017年阅读作者国籍统计 手机浏览echarts 饼配置项内容和展示

      app.title = '2017年读书作者国籍统计';

option = {
    title:{
        text:app.title,
        subtext:'最喜欢读{r|台湾}作家的书',
        textStyle:{
            fontSize:30
        },
        subtextStyle:{
            fontSize:25,
            rich:{
                r:{
                    color:'red',
                    fontSize:'27',
                    fontWeight:'bold',
                }
            }
        }
    },
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)"
    },
    legend: {
        show:false,
        orient: 'vertical',
        x: 'left',
        data: ['大陆',
            '大冰',
            '冯颖',
            '胡适',
            '林特特',
            '罗晓韵',
            '麦子奇',
            '施耐庵',
            '兔毛爹',
            '瑶淼',
            '易中天',
            '植觉先生',
            '俄',
            '格拉宁',
            '法国',
            '加缪',
            '美国',
            '兰道尔·门罗',
            '日本',
            '北野武',
            '黑柳朝',
            '黑柳彻子',
            '松浦弥太郎',
            '台湾',
           
            '蔡颖卿',
             '蔡澜',
            '林清玄',
            '刘继荣',
            '蒋勋',
        ]
    },
    grid:{
        width:'50%',
        height:'30%'
    },
    series: [{
        name: '2017年',
        type: 'pie',
        roam:true,
        selectedMode: 'single',
        avoidLabelOverlap: true,
        radius: ['0%', '0%'],
        
        label: {
            normal: {
                formatter: '{b}\n总计：{c}本  ',
                fontSize: 40,
                fontStyle :'bolder',
                position: 'center',
                verticalAlign:'middle'
            }
        },
        data: [ {
                name: '2017年',
                value: 40,
                //selected: true
            }

        ]
    },{
        name: '国籍',
        type: 'pie',
        selectedMode: 'single',
        avoidLabelOverlap: true,
        radius: ['25%', '45%'],
        //minAngle:'15',
        label: {
            normal: {
                formatter: '{b}\n{c}本  ',
                fontSize:20,
                align:'center',
                position: 'inside'
            }
        },
        labelLine: {
            normal: {
                show: true
            }
        },
        data: [ {
                name: '台',
                value: 22,
                //selected: true
            },{
                name: '大陆',
                value: 11
            }, {
                name: '日',
                value: 4
            },{
                name: '俄',
                value: 1
            }, {
                name: '法',
                value: 1
            }, {
                name: '美',
                value: 1
            }, 

        ]
    }, {
        name: '作者',
        type: 'pie',
        //roseType :'radius',
        radius: ['50%', '65%'],
        avoidLabelOverlap: true,
        //startAngle: 180,
        //minAngle:'15',
        label: {
            
            normal: {
                position:'outside',
                formatter: '{b}：{c}',
                //backgroundColor: '#333',
                //borderColor: '#aaa',
                //borderWidth: 1,
                //borderRadius: 4,
                // shadowBlur:3,
                // shadowOffsetX: 2,
                // shadowOffsetY: 2,
                // shadowColor: '#999',
                fontSize: 25,
                fontStyle:'bold',
                padding: [3, 3, 3, 3],
                rich: {

                    per: {
                        //color: '#eee',
                        //backgroundColor: '#333',
                        padding: [2, 2,2,2],
                        borderRadius: 10,
                        //borderColor: '#aaa',
                        borderWidth: 1,
                        
                    }
                }
            }
        },
        labelLine: {
            normal: {
                show: true,
                //length: 50,
                //length2: 0,
                smooth: false,

            },
        },

        data: [ {
                name: '蒋勋',
                value: 12
            }, {
                name: '林清玄',
                value: 3
            }, {
                name: '刘继荣',
                value: 3
            },{
                name: '蔡澜',
                value: 3,
            }, {
                name: '蔡颖卿',
                value: 1,
            }, {
                name: '大冰',
                value: 1
            }, {
                name: '冯颖',
                value: 1
            }, {
                name: '胡适',
                value: 1
            }, {
                name: '林特特',
                value: 1
            }, {
                name: '罗晓韵',
                value: 1
            }, {
                name: '麦子奇',
                value: 1
            }, {
                name: '施耐庵',
                value: 1
            }, {
                name: '兔毛爹',
                value: 1
            }, {
                name: '瑶淼',
                value: 1
            }, {
                name: '易中天',
                value: 1
            }, {
                name: '植觉先生',
                value: 1
            }, {
                name: '北野武',
                value: 1
            }, {
                name: '黑柳朝',
                value: 1
            }, {
                name: '黑柳彻子',
                value: 1
            }, {
                name: '松浦弥太郎',
                value: 1
            }, {
                name: '格拉宁',
                value: 1
            }, {
                name: '加缪',
                value: 1
            }, {
                name: '兰道尔·门罗',
                value: 1
            },

        ]
    }]
};