option = { title : { text: 'Distribution of collaborators', subtext: 'active scholars in AMiner', x:'center' }, tooltip : { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, legend: { x : 'center', y : 'bottom', data:['交通费','住宿','餐饮','景区游览花费','购物','娱乐服务','其他专项服务'] }, toolbox: { show : true, feature : { mark : {show: true}, dataView : {show: true, readOnly: false}, magicType : { show: true, type: ['pie', 'funnel'] }, restore : {show: true}, saveAsImage : {show: true} } }, calculable : true, series : [ // { // name:'半径模式', // type:'pie', // radius : [20, 110], // center : ['75%', '50%'], // roseType : 'radius', // label: { // normal: { // show: false // }, // emphasis: { // show: true // } // }, // lableLine: { // normal: { // show: false // }, // emphasis: { // show: true // } // }, // data:[ // {value:10, name:'10-19'}, // {value:5, name:'20-49'}, // {value:15, name:'rose3'}, // {value:25, name:'rose4'}, // {value:20, name:'rose5'}, // {value:35, name:'rose6'}, // {value:30, name:'rose7'}, // {value:40, name:'rose8'} // ] // }, { name:'', type:'pie', radius : [30, 110], center : ['50%', '50%'], roseType : 'area', label: { normal: { formatter: '{b|{b}} \n {per|{d}%} ', backgroundColor: '#eee', borderColor: '#aaa', borderWidth: 1, borderRadius: 4, // shadowBlur:3, // shadowOffsetX: 2, // shadowOffsetY: 2, // shadowColor: '#999', // padding: [0, 7], rich: { a: { color: '#999', lineHeight: 22, align: 'left' }, // abg: { // backgroundColor: '#333', // width: '100%', // align: 'right', // height: 22, // borderRadius: [4, 4, 0, 0] // }, // hr: { // borderColor: '#aaa', // width: '100%', // borderWidth: 0.5, // height: 0 // }, b: { fontSize: 16, lineHeight: 30 }, per: { align: 'left', color: '#eee', fontSize: 16, backgroundColor: '#334455', padding: [2, 4], borderRadius: 2, } } } }, data:[ {value:98.21, name:'交通费'}, {value:31.22, name:'住宿'}, {value:17.45, name:'餐饮'}, {value:15.34, name:'景区游览花费'}, {value:46.41, name:'购物'}, {value:17.31, name:'娱乐服务'}, {value:23.83, name:'其他专项服务'}, ] } ] };