let option = {
/* 标题 /
title: {
text: '自定义雷达图'
},
/ 说明图 /
legend: {
data: ['图一','图二', '张三', '李四']
},
radar: [
{
/ 边角label /
indicator: [
{ text: '指标一' },
{ text: '指标二' },
{ text: '指标三' },
{ text: '指标四' },
{ text: '指标五' }
],
/ 边角label展示名称格式化 /
name: {
formatter: '【{value}】',
textStyle: {
color: '#72ACD1'
}
},
/ 中心坐标 /
center: ['50%', '50%'],
/ 半径 /
radius: 120,
/ 开始角度 /
startAngle: 90,
/ 内部分割部分数 /
splitNumber: 4,
/ 内部分割形状 /
shape: 'circle',
/ 内部分割区域配置 /
splitArea: {
/ css /
areaStyle: {
/ 颜色，每个区域的颜色 /
color: ['rgba(114, 172, 209, 0.2)',
'rgba(114, 172, 209, 0.4)', 'rgba(114, 172, 209, 0.6)',
'rgba(114, 172, 209, 0.8)', 'rgba(114, 172, 209, 1)'],
/ 阴影颜色 /
shadowColor: 'rgba(0, 0, 0, 0.3)',
/ 阴影半径 /
shadowBlur: 10
}
},
/ 轴线配置 /
axisLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.5)'
}
},
/ 网格线配置 */
splitLine: {
lineStyle: {
color: 'rgba(255, 255, 255, 0.5)'
}
}
}
],
series: [
{
name: '雷达图',
type: 'radar',
emphasis: {
lineStyle: {
width: 4
}
},
data: [
{
value: [100, 8, 0.40, -80, 2000],
name: '图一',
symbol: 'rect',
symbolSize: 5,
lineStyle: {
type: 'dashed'
}
},
{
value: [60, 5, 0.30, -100, 1500],
name: '图二',
areaStyle: {
color: 'rgba(255, 255, 255, 0.5)'
}
}
]
}
]
}
雷达图
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
