option = {
radar: {
shape: 'circle',
splitNumber: 8,
splitArea: {
areaStyle: {
color: 'rgba(127,95,132,.3)',
opacity: 1,
shadowBlur: 45,
shadowColor: 'rgba(0,0,0,.5)',
shadowOffsetX: 0,
shadowOffsetY: 15
}
},
indicator: [
{ name: 'Sales', max: 6500 },
{ name: 'Administration', max: 16000 },
{ name: 'Information Technology', max: 30000 },
{ name: 'Customer Support', max: 38000 },
{ name: 'Development', max: 52000 },
{ name: 'Marketing', max: 25000 }
]
},
series: [
{
name: 'Budget vs spending',
type: 'radar',
symbolSize: 0, // 线段之间的点
areaStyle: {
normal: {
shadowBlur: 13,
shadowColor: 'rgba(0,0,0,.2)',
shadowOffsetX: 0,
shadowOffsetY: 10,
opacity: 1
}
},
data: [
{
value: [4200, 3000, 20000, 35000, 50000, 18000],
name: 'Allocated Budget'
},
{
value: [5000, 14000, 28000, 26000, 42000, 21000],
name: 'Actual Spending'
}
]
}
]
};
【ECharts】雷达图
转载请注明出处或者链接地址:https://www.qianduange.cn//article/16822.html
相关文章
-
用了几年的 Fastjson,我最终替换成了Jackson!
-
node.js如何使用JWT(JSON Web Token)进行认证?
-
npm全局安装失败,报-4048错误( -4048npm ERR! Error: EPERM: operation not permitted, open ‘D:\
-
深入探究 npm cache 命令:用途与实践指南
-
【Node配置】Node.js安装以及配置( npm配置)
-
深入解析与实战:解决 npm ERR! network ‘proxy‘ 配置问题
-
npm install和npm install --save的区别
-
vue2从0开始打包发布npm包,踩坑无数,完整版
-
运行前端项目提示 run `npm fund` for details,如何解决?
-
npm国内源设置
发布的文章
Vue学习JSON.parse()与JSON.stringify()对象与字符串互转
2024-09-04 23:09:44
LoopBack组件JSONAPI使用指南
2024-09-04 23:09:43
用了几年的 Fastjson,我最终替换成了Jackson!
2024-09-04 23:09:12
编译JSONCPP源码
2024-09-04 23:09:49
SpringBoot——请求响应(简单参数、实体参数、数组集合参数、日期参数、JSON参数、路径参数、统一响应结果)
2024-09-04 23:09:24
【OpenHarmony-NDK技术】简单将cJson移植到OpenHarmony中,并在c层修改参数值再返回json
2024-09-04 23:09:23
node.js如何使用JWT(JSON Web Token)进行认证?
2024-09-04 23:09:21
(最新亲测有效)python中操作json文件追加数据
2024-09-04 23:09:21
FastJson转化时BigDecimal与Double问题
2024-09-04 23:09:21
大家推荐的文章