echartOption: {
backgroundColor: '#FFFFFF',
tooltip: {
confine: true,
backgroundColor: 'rgba(255, 255, 255, 0.94)',
borderWidth: 1,
borderColor: '#F4F4F4',
borderRadius: 6,
boxShadow: '0px 2px 4px rgba(207, 149, 104, 1)',
padding: 10,
textStyle: {
color: '#333',
},
formatter: (params) => {
let str = ``
str += `<p>${params.marker}${params.name}</p>`
for (let i = 0; i < params.value.length; i++) {
str += `<p>${this.echartOption.radar.indicator[i].name}:${params.value[i]}</p>`
}
return str
},
},
legend: {
left: 65,
top: '30%',
orient: 'vertical',
itemWidth: 14,
itemHeight: 8,
itemGap: 19,
},
radar: {
indicator: [],
name: {
fontSize: 14,
fontFamily: 'Microsoft YaHei',
fontWeight: 400,
color: '#333333',
},
nameGap: 8,
splitLine: {
// 分割线样式
lineStyle: {
color: ['#C6C6C6'],
},
},
splitArea: {
areaStyle: {
color: ['#FFFFFF'],
},
},
// 中心(圆心)坐标,数组的第一项是横坐标,第二项是纵坐标。支持绝对像素值和百分比
center: ['65%', '52%'],
radius: '68%',
},
series: [
{
type: 'radar',
symbolSize: 0,
data: [
{
value: [],
name: '',
itemStyle: {
color: this.$eachrtColor.orange,
},
areaStyle: {
opacity: 0.3,
},
},
{
value: [],
name: '',
itemStyle: {
color: this.$eachrtColor.cyan,
},
areaStyle: {
opacity: 0.3,
},
},
{
value: [],
name: '',
itemStyle: {
color: this.$eachrtColor.blue,
},
areaStyle: {
opacity: 0.3,
},
},
],
},
],
},
蜘蛛网-指标差异分析
最新推荐文章于 2024-05-20 11:40:56 发布