my_cart✍

描述:当前是关于Echarts图表中的 散点图 示例。
 
            var hours = ['Wf', 'Squ', 'Sxi', 'Tf', 'Ds', 'Sh', 'Gn','Ms', 'Yt', 'Yb', 'Cz', 'Ms','Cg', 'Zb', 'Dx', 'Hj', 'Rj', 'My','Lfc', 'Cc', 'Zc', 'Xl', 'Bd', 'Ws','Jc', 'Fy', 'Hl', 'Ws', 'Dx', 'Hk', 'Yx','Sx', 'Sb','Ch', 'Xc', 'Ya', 'Qy', 'Sg', 'Bqk', 'Zy','Nx', 'Sp','Cp', 'Tx', 'Tc', 'L hk', 'Rsh', 'Ks', 'Sox'];
var days = ['A', 'B', 'C','D', 'E', 'F', 'G'];
var data = [
[0,0,0.0536236391913],
[0,1,0.0415746872701],
[0,2,0.0617720645328],
[0,3,0.0432912742136],
[0,4,0.0817808099361],
[0,5,0.0744680851064],
[0,6,0.0751312609384],
[0,7,0.104078922406],
[0,8,0.0608437935844],
[0,9,0.106598284308],
[0,10,0.0736890236565],
[0,11,0.078095953096],
[0,12,0.0893649145985],
[0,13,0.170511682934],
[0,14,0.078707572321],
[0,15,0.122860063027],
[0,16,0.0677265466477],
[0,17,0.0999542257917],
[0,18,0.131604978031],
[0,19,0.10013233348],
[0,20,0.151828499369],
[0,21,0.143403778066],
[0,22,0.115757831452],
[0,23,0.110272444285],
[0,24,0.094462109168],
[0,25,0.074540311174],
[0,26,0.0865299748795],
[0,27,0.0922348892235],
[0,28,0.136489645051],
[0,29,0.0944319582397],
[0,30,0.172667584454],
[0,31,0.089552238806],
[0,32,0.149543196025],
[0,33,0.0924058648741],
[0,34,0.0782748913608],
[0,35,0.149407048605],
[0,36,0.121067050392],
[0,37,0.107065738964],
[0,38,0.120331315055],
[0,39,0.129951355108],
[0,40,0.141541900756],
[0,41,0.163796676589],
[0,42,0.1601425939],
[0,43,0.120589859125],
[0,44,0.157645937924],
[0,45,0.106343654055],
[0,46,0.113158416122],
[0,47,0.134377883455],
[0,48,0.118281235478],
[1,0,0.0981648522551],
[1,1,0.0977189109639],
[1,2,0.101371753947],
[1,3,0.0987559978674],
[1,4,0.10609638765],
[1,5,0.12300308045],
[1,6,0.141372892185],
[1,7,0.132650350977],
[1,8,0.188575081358],
[1,9,0.211471677284],
[1,10,0.14225206363],
[1,11,0.177034177034],
[1,12,0.142964990092],
[1,13,0.268973676427],
[1,14,0.161712625841],
[1,15,0.234647815348],
[1,16,0.171976859647],
[1,17,0.17697973451],
[1,18,0.231188608498],
[1,19,0.218831455267],
[1,20,0.212988650694],
[1,21,0.234380841378],
[1,22,0.200559012762],
[1,23,0.191812897716],
[1,24,0.231783253842],
[1,25,0.159582743989],
[1,26,0.18626519112],
[1,27,0.188384598838],
[1,28,0.239821710061],
[1,29,0.199956499674],
[1,30,0.248093826115],
[1,31,0.218517170246],
[1,32,0.279612117326],
[1,33,0.180695601344],
[1,34,0.190904370166],
[1,35,0.221062301654],
[1,36,0.222265268285],
[1,37,0.15097168906],
[1,38,0.212616504524],
[1,39,0.134005096132],
[1,40,0.190163837986],
[1,41,0.224801235917],
[1,42,0.188988582155],
[1,43,0.162193449572],
[1,44,0.220418483638],
[1,45,0.208456168757],
[1,46,0.160359646392],
[1,47,0.286766271559],
[1,48,0.192354162149],
[2,0,0.126220839813],
[2,1,0.115967623252],
[2,2,0.101371753947],
[2,3,0.127634618802],
[2,4,0.104172133298],
[2,5,0.148363063257],
[2,6,0.160485596022],
[2,7,0.183532536521],
[2,8,0.196710832171],
[2,9,0.235390170419],
[2,10,0.173994657425],
[2,11,0.221328471328],
[2,12,0.176936868925],
[2,13,0.325199645075],
[2,14,0.20659742947],
[2,15,0.287773613832],
[2,16,0.189494020636],
[2,17,0.223877491573],
[2,18,0.314991603598],
[2,19,0.272647070618],
[2,20,0.264564943253],
[2,21,0.288478877576],
[2,22,0.262630524206],
[2,23,0.260516239222],
[2,24,0.260135135135],
[2,25,0.218210749646],
[2,26,0.238237490665],
[2,27,0.223617982362],
[2,28,0.427460999076],
[2,29,0.202892771696],
[2,30,0.296886582654],
[2,31,0.235796626623],
[2,32,0.284380509697],
[2,33,0.237639436894],
[2,34,0.212686873104],
[2,35,0.242379321864],
[2,36,0.254918781304],
[2,37,0.170675383877],
[2,38,0.251955915368],
[2,39,0.289147556173],
[2,40,0.19807630085],
[2,41,0.253928181167],
[2,42,0.197237673722],
[2,43,0.187412064329],
[2,44,0.277621019458],
[2,45,0.239983503139],
[2,46,0.18305925863],
[2,47,0.312353609199],
[2,48,0.216766318659],
[3,0,0.201493001555],
[3,1,0.157321559971],
[3,2,0.115520662583],
[3,3,0.172934067887],
[3,4,0.129362372081],
[3,5,0.226986173795],
[3,6,0.192016001333],
[3,7,0.262189337887],
[3,8,0.276789865179],
[3,9,0.276672569628],
[3,10,0.248453781917],
[3,11,0.193157443157],
[3,12,0.277625743135],
[3,13,0.386246672582],
[3,14,0.222474235009],
[3,15,0.295609402947],
[3,16,0.183482277771],
[3,17,0.256751695726],
[3,18,0.356789583861],
[3,19,0.285278902835],
[3,20,0.306242118537],
[3,21,0.311393574209],
[3,22,0.35803185318],
[3,23,0.275832621691],
[3,24,0.358505564388],
[3,25,0.23387553041],
[3,26,0.267024237898],
[3,27,0.259410625941],
[3,28,0.436592922759],
[3,29,0.262886971652],
[3,30,0.324367256169],
[3,31,0.305351292319],
[3,32,0.314353261741],
[3,33,0.263553996785],
[3,34,0.24971986116],
[3,35,0.303052446968],
[3,36,0.292359631403],
[3,37,0.224628119002],
[3,38,0.28097149466],
[3,39,0.354181144313],
[3,40,0.250375033091],
[3,41,0.280907343909],
[3,42,0.24816160642],
[3,43,0.263424103724],
[3,44,0.300414086262],
[3,45,0.289947607191],
[3,46,0.221307067448],
[3,47,0.379090070268],
[3,48,0.284612286626],
[4,0,0.228429237947],
[4,1,0.210154525386],
[4,2,0.175869208869],
[4,3,0.203074462413],
[4,4,0.183766290562],
[4,5,0.267855863601],
[4,6,0.259368836292],
[4,7,0.263934737242],
[4,8,0.286785216179],
[4,9,0.271980865205],
[4,10,0.275407311145],
[4,11,0.186793936794],
[4,12,0.226951023875],
[4,13,0.364566696244],
[4,14,0.243444351598],
[4,15,0.294629929308],
[4,16,0.240091957],
[4,17,0.228746202821],
[4,18,0.338754572014],
[4,19,0.296587400249],
[4,20,0.263051702396],
[4,21,0.295252127636],
[4,22,0.310041134901],
[4,23,0.258615465139],
[4,24,0.323198198198],
[4,25,0.222560113154],
[4,26,0.273338312173],
[4,27,0.254377285438],
[4,28,0.442789585258],
[4,29,0.269158268687],
[4,30,0.32905326697],
[4,31,0.288630020629],
[4,32,0.305297323289],
[4,33,0.265015344147],
[4,34,0.284129109842],
[4,35,0.303010689828],
[4,36,0.314885020893],
[4,37,0.223248560461],
[4,38,0.322266820872],
[4,39,0.338255733148],
[4,40,0.29205518134],
[4,41,0.299709860959],
[4,42,0.290578125269],
[4,43,0.325473294271],
[4,44,0.333394408003],
[4,45,0.334321108345],
[4,46,0.259319011633],
[4,47,0.369295194833],
[4,48,0.267449425323],
];
option = {
    backgroundColor: "#ffff",
    title: {
        top: 20,
        text: 'Dance',
        subtext: '',
        x: 'center',
        textStyle: {
            align: 'center',
            color: '#000000',
            fontSize: 30,
            fontWeight: '100',
        },
    },
    legend: {
        //data: ['title'],
        right: '60',
        top: '50%',
        itemWidth: 30,
        itemHeight: 30,
        itemGap: 30,
        textStyle: {
            fontSize: 13,
            color: '#000000'
        },
    },
    tooltip: {
    },
    angleAxis: {
        type: 'category',
        data: hours,
        boundaryGap: false,
        splitLine: {
            show: true,
            lineStyle: {
                color: '#000000',
                type: 'dashed'
            }
        },
        axisTick: {
            show: false,
            lineStyle: {
                color: '#caccd4',
            }
        },
        axisLine: {
            //show: false,
            lineStyle: {
                color: '#000000',
            }
        },
    },
    radiusAxis: {
        type: 'category',
        data: days,
        axisLine: {
            show: false,
            lineStyle: {
                color: '#caccd4',
            }
        },
        axisLabel: {
            show: false,
            rotate: 0,
        },
        axisTick: {
            show: false,
            lineStyle: {
                color: '#caccd4',
            }
        },
    },
    polar: {
        radius:['10%','70%'],
        center: ['50%', '55%']
    },
    series: [{
        name: 'Abandoned rate',
        type: 'scatter',
        coordinateSystem: 'polar',
        itemStyle: {
            color: new echarts.graphic.RadialGradient(0.4, 0.3, 1, [{
                offset: 0,
                color: '#C357F6'
            }, {
                offset: 1,
                color: '#1A1835'
            }]),
            // borderColor: 'rgba(234, 83, 66, 1)',
            // borderWidth: 1,
            shadowBlur: 10,
            shadowColor: 'rgba(33, 33, 33, 1)',
        },
        symbolSize: function(val) {
            return val[2] * 40;
        },
        data: data,
        animationDelay: function(idx) {
            return idx * 5;
        }
    }]
};