两个圆同一个页面-白红宇

两个圆同一个页面

阅读量：6876 次

发布时间：2019-06-26

本文共 3911 字，大约阅读时间需要 13 分钟。

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} 
{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())]                        }}}            ]        }    ]};