echarts radar is not displayed, but the console print can print data
this is my specific code, if you have trouble in this situation, please take a look at it for me, thank you
`drawLine () {
let myChart = this.$echarts.init(document.getElementById("smain"));
myChart.setOption({
tooltip : {
show : true,
trigger: "item",
formatter : function(params){
console.log(params)
},
},
angleAxis: {
axisLine: {
//
show: true,
lineStyle: {
color: "rgba(255,255,255,0.2)"
}
}
},
legend: {
},
radiusAxis: {
max: 100,
min: 0,
interval: 20,
splitLine: false,
axisLabel: {
color: "-sharp2458FF"
}
},
polar: {
radius : this.r1
},
radar: {
nameGap: 3,
radius : this.r2,
name: {
textStyle: {
color: "-sharp2458FF",
backgroundColor: "transparent",
borderRadius: 3,
padding: [10, 5]
},
formatter: text => {
if (
text == "50" ||
text == "" ||
text == "1000" ||
text == "" ||
text == "" ||text == ""
) {
text = text.replace(/\S{2}/g, function(match) {
return match + "\n";
});
}
return text;
}
},
indicator: this.$store.state.homedataStore.sportsinfo
.sportsname,
splitArea: {
show: true,
areaStyle: {
color: ["transparent"] //
}
},
splitLine: {
show: true,
lineStyle: {
width: 1,
color: "rgba(255,255,255,0.2)" //
}
},
axisLine: {
//
show: true,
lineStyle: {
width: 1,
color: "rgba(255,255,255,0.2)" //
}
}
},
series: [
{
type: "radar",
//symbol: "none", //
data: [
{
name : this.$store.state.homedataStore
.sportsinfo.dataname,
value: this.$store.state.homedataStore
.sportsinfo.sportsvalue
}
],
itemStyle: {
color: "-sharpfff",
borderColor: "-sharp65d6ff"
},
lineStyle: {
color: "-sharp2458FF"
},
areaStyle: {
color: "rgba(255,255,255,0.08)"
}
}
]
});
$(window).resize(function() {
myChart.resize();
});
}`