两个圆同一个页面
var colors=[ '#6EB6F2','#71F16F','#FFC000','#384C6C','#7577F8', '#003366','#AEABAF','#00F4D2','#8084F1','#FF9F4E', '#4FA2A9','#9a7fd1','#588dd5','#f5994e','#c05050', '#59678c','#c9ab00','#7eb00a','#6f5553','#c14089', '#FF4F7F','#CC6666','#7f7522','#2b4490','#333399', '#70a19f','#009299','#78331e','#3e4145','#7bbfea', '#339999','#8f4b38','#694d9f','#f26522','#8e7437', '#45b97c','#74787c','#afdfe4','#fdb933','#bed742', '#A20055','#AA0000','#C63300','#0000AA','#2200AA', '#990099','#00AAAA','#00AA88','#00AA55','#FF1493' ]; option = { title : { text: '某站点用户访问来源', subtext: '纯属虚构', x:'center' }, tooltip : { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, legend: { orient: 'vertical', left: 'right', data: ['直达','营销广告'] }, series : [ { name: '访问来源', type: 'pie', radius : '55%', center: ['25%', '50%'], data:[ {value:335, name:'1'}, {value:310, name:'2'}, {value:234, name:'3'}, {value:135, name:'4'}, {value:1548, name:'5'} ], itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } }, { name:'访问来源', type:'pie', radius: [0, '30%'], center: ['75%', '50%'], data:[ {value:335, name:'直达', selected:true}, {value:679, name:'营销广告'}, ] }, { name:'访问来源', type:'pie', center: ['75%', '50%'], radius: ['40%', '55%'], label:{ normal:{ formatter:function (params) { if(params.value != 0) return params.data.name; else return ''; } } }, data:[ {value:335, name:'直达',type:"直达",itemStyle:{ normal:{ color:colors[Math.floor(40*Math.random())] }}}, {value:310, name:'直达',type:"邮件营销",itemStyle:{ normal:{ color:colors[Math.floor(40*Math.random())] }}}, {value:234, name:'直达',type:"联盟广告",itemStyle:{ normal:{ color:colors[Math.floor(40*Math.random())] }}}, {value:135, name:'直达',type:"视频广告",itemStyle:{ normal:{ color:colors[Math.floor(40*Math.random())] }}}, {value:1048, name:'营销广告',type:"百度",itemStyle:{ normal:{ color:colors[Math.floor(40*Math.random())] }}}, {value:251, name:'营销广告',type:"谷歌",itemStyle:{ normal:{ color:colors[Math.floor(40*Math.random())] }}}, {value:147, name:'营销广告',type:"必应",itemStyle:{ normal:{ color:colors[Math.floor(40*Math.random())] }}}, {value:102, name:'营销广告',type:"其他",itemStyle:{ normal:{ color:colors[Math.floor(40*Math.random())] }}} ] } ] };