// 为保证正常绘图,代码格式与所选格式需保持一致; // 请输入JS代码或前往官网复制示例代码; // 复制完代码后,请先将代码中的数据列替换为绑定的数据列,绑定的数据列从上至下依次为column1、column2......,option部分请添加test以引用绑定列,chart绘制的DOM id会自动替换为变量$container // 为保证正常绘图,代码格式与所选格式需保持一致; // 请输入JS代码或前往官网复制示例代码; // 复制完代码后,请先将代码中的数据列替换为绑定的数据列,绑定的数据列从上至下依次为column1、column2......,option部分请添加test以引用绑定列,chart绘制的DOM id会自动替换为变量$container // 为保证正常绘图,代码格式与所选格式需保持一致; // 请输入JS代码或前往官网复制示例代码; // 复制完代码后,请先将代码中的数据列替换为绑定的数据列,绑定的数据列从上至下依次为column1、column2......,option部分请添加test以引用绑定列,chart绘制的DOM id会自动替换为变量$container test=[ { "column1": "门店1", "column2": 137, "column3": 114, "column4": 133, "column5": 124, "column6": 129, "column7": 148, "column8": 124, "column9": 145 }, { "column1": "门店10", "column2": 103, "column3": 135, "column4": 105, "column5": 143, "column6": 107, "column7": 110, "column8": 140, "column9": 94 }, { "column1": "门店100", "column2": 117, "column3": 108, "column4": 119, "column5": 80, "column6": 109, "column7": 93, "column8": 123, "column9": 114 }, { "column1": "门店101", "column2": 112, "column3": 97, "column4": 115, "column5": 116, "column6": 110, "column7": 125, "column8": 108, "column9": 128 }, { "column1": "门店102", "column2": 128, "column3": 125, "column4": 115, "column5": 112, "column6": 136, "column7": 119, "column8": 100, "column9": 115 }, { "column1": "门店103", "column2": 119, "column3": 134, "column4": 112, "column5": 101, "column6": 117, "column7": 132, "column8": 126, "column9": 133 }, { "column1": "门店104", "column2": 127, "column3": 88, "column4": 99, "column5": 88, "column6": 138, "column7": 117, "column8": 120, "column9": 111 }, { "column1": "门店105", "column2": 114, "column3": 119, "column4": 116, "column5": 133, "column6": 102, "column7": 113, "column8": 140, "column9": 126 }, { "column1": "门店106", "column2": 117, "column3": 112, "column4": 110, "column5": 129, "column6": 151, "column7": 104, "column8": 111, "column9": 132 }, { "column1": "门店107", "column2": 146, "column3": 123, "column4": 126, "column5": 116, "column6": 125, "column7": 100, "column8": 139, "column9": 122 }, { "column1": "门店108", "column2": 106, "column3": 126, "column4": 119, "column5": 176, "column6": 105, "column7": 135, "column8": 122, "column9": 125 }, { "column1": "门店11", "column2": 92, "column3": 118, "column4": 130, "column5": 115, "column6": 123, "column7": 112, "column8": 118, "column9": 82 }, { "column1": "门店12", "column2": 124, "column3": 104, "column4": 114, "column5": 137, "column6": 129, "column7": 125, "column8": 122, "column9": 99 }, { "column1": "门店13", "column2": 109, "column3": 141, "column4": 112, "column5": 129, "column6": 128, "column7": 109, "column8": 153, "column9": 102 }, { "column1": "门店14", "column2": 119, "column3": 115, "column4": 161, "column5": 105, "column6": 126, "column7": 105, "column8": 122, "column9": 107 }, { "column1": "门店15", "column2": 153, "column3": 112, "column4": 102, "column5": 137, "column6": 131, "column7": 114, "column8": 114, "column9": 126 }, { "column1": "门店16", "column2": 79, "column3": 121, "column4": 140, "column5": 114, "column6": 111, "column7": 111, "column8": 96, "column9": 124 }, { "column1": "门店17", "column2": 124, "column3": 120, "column4": 120, "column5": 126, "column6": 119, "column7": 120, "column8": 118, "column9": 117 }, { "column1": "门店18", "column2": 115, "column3": 130, "column4": 119, "column5": 123, "column6": 128, "column7": 113, "column8": 121, "column9": 92 }, { "column1": "门店19", "column2": 138, "column3": 128, "column4": 134, "column5": 97, "column6": 125, "column7": 138, "column8": 131, "column9": 133 }, { "column1": "门店2", "column2": 110, "column3": 129, "column4": 122, "column5": 107, "column6": 75, "column7": 123, "column8": 107, "column9": 111 }, { "column1": "门店20", "column2": 95, "column3": 110, "column4": 145, "column5": 163, "column6": 122, "column7": 102, "column8": 126, "column9": 142 }, { "column1": "门店21", "column2": 131, "column3": 117, "column4": 118, "column5": 101, "column6": 112, "column7": 106, "column8": 119, "column9": 132 }, { "column1": "门店22", "column2": 115, "column3": 109, "column4": 117, "column5": 123, "column6": 101, "column7": 100, "column8": 142, "column9": 100 }, { "column1": "门店23", "column2": 131, "column3": 125, "column4": 101, "column5": 127, "column6": 113, "column7": 136, "column8": 126, "column9": 109 }, { "column1": "门店24", "column2": 126, "column3": 130, "column4": 111, "column5": 146, "column6": 144, "column7": 132, "column8": 122, "column9": 113 }, { "column1": "门店25", "column2": 119, "column3": 120, "column4": 103, "column5": 86, "column6": 131, "column7": 118, "column8": 142, "column9": 120 }, { "column1": "门店26", "column2": 114, "column3": 116, "column4": 113, "column5": 110, "column6": 107, "column7": 137, "column8": 119, "column9": 124 }, { "column1": "门店27", "column2": 108, "column3": 138, "column4": 126, "column5": 126, "column6": 110, "column7": 131, "column8": 99, "column9": 111 }, { "column1": "门店28", "column2": 138, "column3": 81, "column4": 144, "column5": 116, "column6": 109, "column7": 127, "column8": 86, "column9": 103 }, { "column1": "门店29", "column2": 87, "column3": 165, "column4": 130, "column5": 113, "column6": 109, "column7": 141, "column8": 146, "column9": 115 }, { "column1": "门店3", "column2": 138, "column3": 131, "column4": 140, "column5": 100, "column6": 118, "column7": 127, "column8": 123, "column9": 146 }, { "column1": "门店30", "column2": 105, "column3": 111, "column4": 105, "column5": 137, "column6": 101, "column7": 153, "column8": 119, "column9": 118 }, { "column1": "门店31", "column2": 141, "column3": 129, "column4": 107, "column5": 119, "column6": 132, "column7": 105, "column8": 106, "column9": 94 }, { "column1": "门店32", "column2": 91, "column3": 103, "column4": 126, "column5": 140, "column6": 138, "column7": 123, "column8": 113, "column9": 114 }, { "column1": "门店33", "column2": 107, "column3": 137, "column4": 107, "column5": 150, "column6": 121, "column7": 107, "column8": 93, "column9": 114 }, { "column1": "门店34", "column2": 106, "column3": 108, "column4": 140, "column5": 117, "column6": 101, "column7": 122, "column8": 126, "column9": 114 }, { "column1": "门店35", "column2": 108, "column3": 111, "column4": 100, "column5": 124, "column6": 129, "column7": 129, "column8": 115, "column9": 120 }, { "column1": "门店36", "column2": 102, "column3": 113, "column4": 126, "column5": 132, "column6": 128, "column7": 139, "column8": 133, "column9": 100 }, { "column1": "门店37", "column2": 119, "column3": 105, "column4": 131, "column5": 132, "column6": 142, "column7": 126, "column8": 88, "column9": 127 }, { "column1": "门店38", "column2": 119, "column3": 116, "column4": 102, "column5": 133, "column6": 110, "column7": 129, "column8": 118, "column9": 114 }, { "column1": "门店39", "column2": 113, "column3": 111, "column4": 154, "column5": 103, "column6": 104, "column7": 122, "column8": 151, "column9": 132 }, { "column1": "门店4", "column2": 95, "column3": 122, "column4": 124, "column5": 115, "column6": 136, "column7": 113, "column8": 121, "column9": 118 }, { "column1": "门店40", "column2": 120, "column3": 106, "column4": 158, "column5": 133, "column6": 117, "column7": 106, "column8": 105, "column9": 97 }, { "column1": "门店41", "column2": 125, "column3": 113, "column4": 128, "column5": 119, "column6": 115, "column7": 125, "column8": 109, "column9": 139 }, { "column1": "门店42", "column2": 118, "column3": 131, "column4": 106, "column5": 118, "column6": 126, "column7": 133, "column8": 108, "column9": 129 }, { "column1": "门店43", "column2": 124, "column3": 130, "column4": 127, "column5": 123, "column6": 110, "column7": 111, "column8": 108, "column9": 112 }, { "column1": "门店44", "column2": 119, "column3": 117, "column4": 121, "column5": 109, "column6": 149, "column7": 138, "column8": 137, "column9": 118 }, { "column1": "门店45", "column2": 141, "column3": 131, "column4": 123, "column5": 118, "column6": 126, "column7": 123, "column8": 132, "column9": 117 }, { "column1": "门店46", "column2": 123, "column3": 115, "column4": 103, "column5": 103, "column6": 114, "column7": 118, "column8": 111, "column9": 166 }, { "column1": "门店47", "column2": 111, "column3": 152, "column4": 110, "column5": 81, "column6": 98, "column7": 134, "column8": 114, "column9": 111 }, { "column1": "门店48", "column2": 120, "column3": 129, "column4": 115, "column5": 106, "column6": 136, "column7": 110, "column8": 134, "column9": 134 }, { "column1": "门店49", "column2": 104, "column3": 130, "column4": 119, "column5": 102, "column6": 143, "column7": 110, "column8": 122, "column9": 126 }, { "column1": "门店5", "column2": 121, "column3": 128, "column4": 114, "column5": 99, "column6": 127, "column7": 140, "column8": 131, "column9": 121 }, { "column1": "门店50", "column2": 118, "column3": 144, "column4": 107, "column5": 132, "column6": 116, "column7": 113, "column8": 105, "column9": 123 }, { "column1": "门店51", "column2": 128, "column3": 109, "column4": 111, "column5": 116, "column6": 147, "column7": 125, "column8": 111, "column9": 104 }, { "column1": "门店52", "column2": 100, "column3": 118, "column4": 82, "column5": 104, "column6": 120, "column7": 104, "column8": 95, "column9": 126 }, { "column1": "门店53", "column2": 109, "column3": 113, "column4": 107, "column5": 113, "column6": 128, "column7": 99, "column8": 116, "column9": 131 }, { "column1": "门店54", "column2": 118, "column3": 124, "column4": 119, "column5": 124, "column6": 116, "column7": 124, "column8": 137, "column9": 111 }, { "column1": "门店55", "column2": 129, "column3": 113, "column4": 139, "column5": 118, "column6": 137, "column7": 114, "column8": 100, "column9": 128 }, { "column1": "门店56", "column2": 116, "column3": 113, "column4": 141, "column5": 121, "column6": 128, "column7": 118, "column8": 93, "column9": 115 }, { "column1": "门店57", "column2": 139, "column3": 142, "column4": 124, "column5": 121, "column6": 131, "column7": 112, "column8": 104, "column9": 107 }, { "column1": "门店58", "column2": 114, "column3": 118, "column4": 125, "column5": 122, "column6": 110, "column7": 138, "column8": 120, "column9": 154 }, { "column1": "门店59", "column2": 101, "column3": 130, "column4": 113, "column5": 98, "column6": 149, "column7": 124, "column8": 150, "column9": 116 }, { "column1": "门店6", "column2": 130, "column3": 143, "column4": 140, "column5": 123, "column6": 136, "column7": 124, "column8": 125, "column9": 119 }, { "column1": "门店60", "column2": 136, "column3": 123, "column4": 126, "column5": 126, "column6": 116, "column7": 138, "column8": 113, "column9": 137 }, { "column1": "门店61", "column2": 120, "column3": 128, "column4": 132, "column5": 108, "column6": 99, "column7": 129, "column8": 117, "column9": 136 }, { "column1": "门店62", "column2": 102, "column3": 148, "column4": 114, "column5": 118, "column6": 115, "column7": 139, "column8": 109, "column9": 128 }, { "column1": "门店63", "column2": 97, "column3": 115, "column4": 138, "column5": 151, "column6": 134, "column7": 119, "column8": 134, "column9": 141 }, { "column1": "门店64", "column2": 119, "column3": 118, "column4": 129, "column5": 127, "column6": 136, "column7": 95, "column8": 137, "column9": 114 }, { "column1": "门店65", "column2": 130, "column3": 121, "column4": 114, "column5": 113, "column6": 99, "column7": 118, "column8": 122, "column9": 126 }, { "column1": "门店66", "column2": 101, "column3": 99, "column4": 99, "column5": 109, "column6": 108, "column7": 127, "column8": 130, "column9": 128 }, { "column1": "门店67", "column2": 131, "column3": 132, "column4": 118, "column5": 153, "column6": 107, "column7": 105, "column8": 130, "column9": 113 }, { "column1": "门店68", "column2": 112, "column3": 120, "column4": 134, "column5": 118, "column6": 103, "column7": 137, "column8": 113, "column9": 109 }, { "column1": "门店69", "column2": 127, "column3": 129, "column4": 129, "column5": 134, "column6": 92, "column7": 147, "column8": 111, "column9": 102 }, { "column1": "门店7", "column2": 120, "column3": 118, "column4": 145, "column5": 111, "column6": 109, "column7": 134, "column8": 104, "column9": 119 }, { "column1": "门店70", "column2": 132, "column3": 116, "column4": 127, "column5": 115, "column6": 158, "column7": 135, "column8": 128, "column9": 127 }, { "column1": "门店71", "column2": 126, "column3": 143, "column4": 124, "column5": 116, "column6": 124, "column7": 105, "column8": 111, "column9": 111 }, { "column1": "门店72", "column2": 112, "column3": 96, "column4": 112, "column5": 112, "column6": 128, "column7": 114, "column8": 123, "column9": 136 }, { "column1": "门店73", "column2": 136, "column3": 141, "column4": 101, "column5": 115, "column6": 141, "column7": 105, "column8": 114, "column9": 111 }, { "column1": "门店74", "column2": 111, "column3": 107, "column4": 124, "column5": 111, "column6": 118, "column7": 96, "column8": 88, "column9": 106 }, { "column1": "门店75", "column2": 125, "column3": 91, "column4": 90, "column5": 106, "column6": 110, "column7": 120, "column8": 133, "column9": 93 }, { "column1": "门店76", "column2": 134, "column3": 149, "column4": 162, "column5": 116, "column6": 115, "column7": 137, "column8": 116, "column9": 133 }, { "column1": "门店77", "column2": 113, "column3": 136, "column4": 150, "column5": 132, "column6": 141, "column7": 131, "column8": 107, "column9": 123 }, { "column1": "门店78", "column2": 140, "column3": 133, "column4": 116, "column5": 106, "column6": 105, "column7": 106, "column8": 121, "column9": 140 }, { "column1": "门店79", "column2": 126, "column3": 114, "column4": 131, "column5": 107, "column6": 109, "column7": 116, "column8": 110, "column9": 121 }, { "column1": "门店8", "column2": 126, "column3": 144, "column4": 136, "column5": 150, "column6": 129, "column7": 127, "column8": 108, "column9": 119 }, { "column1": "门店80", "column2": 109, "column3": 117, "column4": 79, "column5": 121, "column6": 140, "column7": 139, "column8": 116, "column9": 99 }, { "column1": "门店81", "column2": 124, "column3": 117, "column4": 124, "column5": 141, "column6": 138, "column7": 157, "column8": 129, "column9": 128 }, { "column1": "门店82", "column2": 127, "column3": 125, "column4": 115, "column5": 130, "column6": 149, "column7": 133, "column8": 119, "column9": 122 }, { "column1": "门店83", "column2": 115, "column3": 95, "column4": 107, "column5": 94, "column6": 128, "column7": 133, "column8": 144, "column9": 127 }, { "column1": "门店84", "column2": 136, "column3": 109, "column4": 136, "column5": 113, "column6": 142, "column7": 128, "column8": 137, "column9": 106 }, { "column1": "门店85", "column2": 148, "column3": 115, "column4": 128, "column5": 133, "column6": 126, "column7": 105, "column8": 128, "column9": 127 }, { "column1": "门店86", "column2": 109, "column3": 118, "column4": 142, "column5": 121, "column6": 108, "column7": 112, "column8": 115, "column9": 136 }, { "column1": "门店87", "column2": 93, "column3": 98, "column4": 129, "column5": 142, "column6": 136, "column7": 137, "column8": 120, "column9": 90 }, { "column1": "门店88", "column2": 115, "column3": 115, "column4": 129, "column5": 141, "column6": 123, "column7": 109, "column8": 121, "column9": 86 }, { "column1": "门店89", "column2": 114, "column3": 110, "column4": 126, "column5": 118, "column6": 112, "column7": 111, "column8": 133, "column9": 116 }, { "column1": "门店9", "column2": 113, "column3": 119, "column4": 130, "column5": 133, "column6": 126, "column7": 113, "column8": 121, "column9": 107 }, { "column1": "门店90", "column2": 128, "column3": 86, "column4": 113, "column5": 129, "column6": 116, "column7": 114, "column8": 104, "column9": 89 }, { "column1": "门店91", "column2": 106, "column3": 127, "column4": 132, "column5": 115, "column6": 112, "column7": 128, "column8": 116, "column9": 115 }, { "column1": "门店92", "column2": 98, "column3": 127, "column4": 128, "column5": 110, "column6": 127, "column7": 116, "column8": 113, "column9": 126 }, { "column1": "门店93", "column2": 145, "column3": 101, "column4": 128, "column5": 90, "column6": 105, "column7": 123, "column8": 122, "column9": 109 }, { "column1": "门店94", "column2": 154, "column3": 129, "column4": 127, "column5": 122, "column6": 124, "column7": 118, "column8": 129, "column9": 91 }, { "column1": "门店95", "column2": 129, "column3": 124, "column4": 136, "column5": 137, "column6": 112, "column7": 146, "column8": 121, "column9": 108 }, { "column1": "门店96", "column2": 136, "column3": 120, "column4": 120, "column5": 147, "column6": 124, "column7": 115, "column8": 132, "column9": 118 }, { "column1": "门店97", "column2": 123, "column3": 99, "column4": 113, "column5": 126, "column6": 142, "column7": 122, "column8": 126, "column9": 111 }, { "column1": "门店98", "column2": 108, "column3": 122, "column4": 144, "column5": 105, "column6": 106, "column7": 131, "column8": 116, "column9": 113 }, { "column1": "门店99", "column2": 128, "column3": 131, "column4": 102, "column5": 114, "column6": 146, "column7": 116, "column8": 111, "column9": 137 } ] var i=0; var m=0; var radarloop=[]; var titlesloop=[]; while(i<test.length){ if(m==8){ m=0 } if(m===0){ radarloop.push([]); titlesloop.push([]); } pos=[] if((parseInt(m/4))%2===0){ pos=[15*(m+1)+9*m,25] } else{pos=[15*((m-4)+1)+9*(m-4),65]} titlesloop[parseInt(i/8)].push({ textAlign: 'center', text: test[i].column1, left:pos[0]+'%', top:pos[1]+20+'%', textStyle: { fontSize: 12, fontWeight: 'normal' } }) radarloop[parseInt(i/8)].push({ indicator: [{ text: '店效',max:200},{ text: '平效',max:200},{ text: '人效' ,max:200},{ text: '专业能力',max:200 },{ text: '发展空间',max:200 },{ text: '竞对指数',max:200 },{ text: '商业氛围' ,max:200},{ text: '终端6S' ,max:200}], center:[pos[0]+'%',pos[1]+'%'], radius:130, startAngle: 90, splitNumber: 5, shape: '', axisName: { formatter: '{value}', color: '#000', fontSize: 12 }, splitArea: { areaStyle: { color: ['#E6E6E6', '#F5F5F5', '#E6E6E6', '#F5F5F5'], shadowColor: 'rgba(0, 0, 0, 0)', shadowBlur: 10 } }, axisLine: { lineStyle: { color: '#DFDFDF' } }, name: { textStyle: { color: '#fff', fontSize: 10 }, }, splitLine: { lineStyle: { color: '#DFDFDF' } } }); m++; i++; } var j=0; var k = 0; var seriesloop=[] pageloop=[]; while(j< test.length){ valueloop = [test[j].column2,test[j].column3,test[j].column4,test[j].column5,test[j].column6,test[j].column7,test[j].column8,test[j].column9,test[j].column10,test[j].column11] if(k==8){ k=0 } if(k===0){ seriesloop.push([]); pageloop.push(parseInt(j/8)) } if(k===0 && j===0){ seriesloop[parseInt(j/8)].push({ type: 'radar', name:test[j].column1, tooltip:{ trigger:'item' }, radarIndex: k, emphasis: { lineStyle: { width: 4, } }, data: [ { value: valueloop, //name: 'Data A', areaStyle: { color: 'rgba(255, 159, 0, 0.7)' }, itemStyle:{ color: '#FFF', borderColor: 'rgba(255, 159, 0, 0.4)', borderWidth: 0.5 }, lineStyle:{ color:'rgba(255, 159, 0, 0.7)' } }, ], symbol: 'circle', }) } else{ seriesloop[parseInt(j/8)].push({ type: 'radar', name:test[j].column1, tooltip:{ trigger:'item' }, radarIndex: k, emphasis: { lineStyle: { width: 4, } }, data: [ { value: valueloop, //name: 'Data A', areaStyle: { color: '#7BACFA' }, itemStyle:{ color: '#FFF', borderColor: '#5ABAFD', borderWidth: 0.5 }, lineStyle:{ color:'#2577FB' } }, ], symbol: 'circle', }) } k++; j++; } optionsloop=[]; for(var a=0;a<test.length;a++){ optionsloop.push({title:titlesloop[a],radar: radarloop[a],series:seriesloop[a]}); } option = { tooltip: { // 本系列特定的 tooltip 设定。 show: true, formatter: "", backgroundColor: "rgba(255,250,255,0.4)", // 提示框浮层的背景颜色。注意:series.tooltip 仅在 tooltip.trigger 为 'item' 时有效。 borderColor: "#333", // 提示框浮层的边框颜色。... borderWidth: 0, // 提示框浮层的边框宽。... padding: 5, // 提示框浮层内边距,单位px,默认各方向内边距为5,接受数组分别设定上右下左边距。... textStyle: { // 提示框浮层的文本样式。... // color ,fontStyle ,fontWeight ,fontFamily ,fontSize ,lineHeight ,....... }, }, timeline:{ data:pageloop, label : { formatter : function(s) { return "第"+s+"页"; } }, autoPlay : false, playInterval : 1500, tooltip:{formatter : function(s) {return "第"+s.value+"页"; }}, replaceMerge:['radar','series'] }, options:optionsloop };