after rummaging through the echarts documents, I didn"t find any settings that can be displayed, and there are any
that meet the requirements in both the official example and Gallery. the desired effect is to display a value on this axis for easy viewing and comparison
Gallery,,,,,.
Code
$.ajax({
type: "get",
url: "../csv2json/ttl-G1-radar.json",//
dataType: "json", //json
success: function (result) {
var datas = [];
for (var i=0;i<result["1"].length;iPP){
var alldata = {text:result["1"][i]}
datas.push(alldata)
};
var se = [];
for (var key in result){
if(key == "1"){
}else{
se.push({
type:"radar",
// zlevel:2,
data:[{
name:key,
value:result[key]
}],
symbol:"circle",
// silent:true, //,true
})
}
}
myChart.setOption({
title: {
text: "total-"
},
tooltip: {
show: true
},
legend: {
type: "scroll",
orient: "vertical", //,
top: "10%",
left: "10%",
},
radar: {
splitNumber: "6",
triggerEvent: true,
// scale: true,
axisLabel:{
inside:false,
// formatter:"{value}kg",
fontStyle:"oblique",
},
// splitLine:{
// show:true,
// lineStyle:{
// color:"red",
// width:2,
// type:"soild",
// }
// },
splitArea:{
show:true
},
indicator: datas,
center: ["60%", "50%"],
radius: "60%",
},
//
textStyle: {
color: "black",
},
series:se
});
},
})
json data example
{
"Acura": [
"9",
"12",
"14",
"16",
"10",
"12",
"9",
"14",
"10",
"11",
"17",
"12",
"10",
"9",
"9",
"10",
"13",
"9",
"10",
"9",
"9",
"10",
"13",
"12",
"13",
"12",
"9",
"12",
"13",
"17"
],
"column 1": [
"4S",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
"",
""
],
"BMW": [
"34",
"40",
"34",
"38",
"31",
"38",
"19",
"38",
"31",
"34",
"46",
"43",
"33",
"25",
"43",
"38",
"31",
"42",
"37",
"38",
"33",
"21",
"31",
"32",
"48",
"20",
"26",
"34",
"38",
"41"
]
}