function test() { let myChart = echarts.init(document.getElementById('levelImage')); myChart.setOption({ title: { text:null }, // 隱藏圖表標題 legend: { enabled: false }, // 隱藏圖例 tooltip : { trigger: 'axis' }, calculable : true, polar : [ { nameGap : 5, // 圖中工藝等字距離圖的距離 center:['50%','50%'], // 圖的位置 name:{ show: true, // 是否顯示工藝等文字 formatter: null, // 工藝等文字的顯示形式 textStyle: { color:'#a3a5b6' // 工藝等文字顏色 } }, indicator : [ {text : '工藝', max : 100}, {text : '設備', max : 100}, {text : '安全', max : 100}, {text : '工藝', max : 100}, {text : '儀表', max : 100} ], axisLine: { // 坐標軸線 show: false // 默認顯示,屬性show控制顯示與否 }, axisLabel: { // 坐標軸文本標簽,詳見axis.axisLabel show: false, textStyle: { color: '#247bd7' // 坐標軸刻度文字的樣式 } }, splitArea : { show : true, areaStyle : { color: ["#2a4a93"] // 圖表背景網格的顏色 } }, splitLine : { show : true, lineStyle : { width : 1, color : '#286fbb' // 圖表背景網格線的顏色 } } } ], series : [ { name: '完全實況球員數據', type: 'radar', symbol: "none", // 去掉圖表中各個圖區域的邊框線拐點 itemStyle: { normal: { color : "rgba(0,0,0,0)", // 圖表中各個圖區域的邊框線拐點顏色 lineStyle: { color:"white" // 圖表中各個圖區域的邊框線顏色 }, areaStyle: { type: 'default' } } }, data : [ { value : [50, 42, 88, 60, 90], itemStyle: { normal: { areaStyle: { type: 'default', opacity: 0.8, // 圖表中各個圖區域的透明度 color: "#1686c2" // 圖表中各個圖區域的顏色 } } }, name : '重整' }, { value : [90, 32, 74, 20, 60], itemStyle: { normal: { areaStyle: { type: 'default', /*opacity: 1,*/ color: "#6eaf97" // 圖表中各個圖區域的顏色 } } }, name : '催化' } ] } ] }); } test();