Widget:英雄图鉴/雷达图

<script src="https://registry.npmmirror.com/echarts/5.5.0/files/dist/echarts.min.js"></script>

<script type="text/javascript">var dom = document.getElementById("canvas"); var job5 = ; var job6 = ; var job7 = ; var jobSP = ;

var myChart = echarts.init(dom); option = { tooltip: { trigger: , }, legend: { }, radar: { // shape: 'circle', indicator: [ {name: '生命',max: 6000}, {name: '攻击',max: 650}, {name: '防御',max: 450}, {name: '技巧',max: 350}, {name: '魔防',max: 450}, {name: '智力',max: 600}], center: ['50%', '55%'], splitLine: { lineStyle: { color: "rgba(0, 0, 0, 0.3)" }, }, axisName: { color: '#333', }, radius: 90, nameGap: 5, }, series: [{ name: '英雄六维图', type: 'radar', tooltip: { trigger: 'item', }, lineStyle: { width: 2, }, symbolSize: '4', areaStyle: { opacity: 0.3 }, data: [{ value: [job5[1], job5[2], job5[4], job5[6], job5[5], job5[3]], name: job5[0], }, { value: [job6[1], job6[2], job6[4], job6[6], job6[5], job6[3]], name: job6[0], }, { value: [job7[1], job7[2], job7[4], job7[6], job7[5], job7[3]], name: job7[0], }, { value: [jobSP[1], jobSP[2], jobSP[4], jobSP[6], jobSP[5], jobSP[3]], name: jobSP[0], }, ] }] }; myChart.setOption(option);</script>