option = {
title: {
text: 'Basic Radar Chart'
},
legend: {
data: ['Allocated Budget', 'Actual Spending']
},
radar: {
// shape: 'circle'
indicator: [
{ name: '{b|'+'aaagggggggggggggggggggggae'.slice(10) + '...'+'}'+'\n{a|Sales}', max: 6500 },
{ name: 'AdministrationA', max: 16000 },
{ name: 'Information Technology', max: 30000 },
{ name: 'Customer Support', max: 38000 },
{ name: 'Development', max: 52000 },
{ name: 'Marketing', max: 25000 }
],
splitArea: {
areaStyle: {
color: ['transparent']
}
},
name:{
rich:{
a:{
color: 'red'
},
b:{
color: 'blue',
fontWeight:'bold',
width: '10px',
overflow: 'hidden'
}
},
// formatter: function(value) {
// // if(txtlength){
// let list = value.split("");
// let result="";
// for(let i=1;i<=list.length;i++) {
// if(!(i%6)&&list[i]!=undefined) {
// result += list[i-1]+'\n';
// }else {
// result += list[i-1];
// }
// }
// console.log('result',result)
// result=result.split('\n').map(item=>`<span style="color:blue;">${item}</span>`)
// return result;
// // }else{
// // return value
// // }
// },
},
},
series: [
{
name: 'Budget vs spending',
type: 'radar',
data: [
{
value: [4200, 3000, 20000, 35000, 50000, 18000],
name: 'Allocated Budget'
},
],
areaStyle: {
color: '#ccccff'
},
lineStyle:{
color: 'blue',
width: 4
},
}
]
};
echarts雷达图
最新推荐文章于 2024-09-11 15:33:18 发布