echart雷达图怎么改变数组里的值

Posted 2023-05-04

series: [
// name: '预算 vs 开销（Budget vs spending）',
type: 'radar',
areaStyle:
normal:
,
data: [
value: [6500, 16000, 30000, 30000, 30000, 25000],
name: '刘能（Allocated Budget）'
,
//
// value: [5000, 14000, 28000, 31000, 42000, 21000],
// name: '赵四（Actual Spending）'
//
]
]

雷达图中的值是value,其为数组类型，所有我们只需要获取数值类型的变量，然后传入即可，通常使用的就是ajax，在后台获取数据，并以json格式返回到前端，解析后放入radar.data中的value.

如图所示：

radar: //雷达图坐标系组件，只适用于雷达图

//shape: 'circle',

center: ['50%', '55%'],

radius: 40,

nameGap: 5,

//startAngle: 90, 开始角度

splitNumber: 4,//嵌套图形数量

name:

textStyle:

color: '#fff',

backgroundColor: '#999',

borderRadius: 3,

padding: [3, 5]

,

indicator: [

name: '因素一（1）',

name: '因素二（2）',

name: '因素三（3）',

name: '因素四（4）',

name: '因素五（5）'

]

,

后台ajax：

@RequestMapping("getRadarData.do")

public void getRadarData(HttpServletRequest req, HttpServletResponse resp)

throws IOException

String equipment = req.getParameter("equipment").trim();

Integer days = Integer.parseInt(req.getParameter("days").trim());

String[] name = new String[5];//雷达图-分类名称

int[] values = new int[5];//各分类的值

int[] values2 = new int[5];

DataSourceContextHolder.setDbType(DataSourceType.SOURCE_SQLSERVER);

List<P091327_LogTemp> list = pLogService.getKeyFactorByED(equipment, days);

List<P091327_LogTemp> list2 = pLogService.getKeyFactorByED(equipment, 10);

for (int i = 0; i < name.length; i++)

name[i] = (i+1) + "";

values[i] = 0;//各分类的初始值为0，关键因素考核分

values2[i] = 0;

for (P091327_LogTemp temp : list)

if (temp.getKeyFactor().trim().equals(name[i]))

values[i] = temp.getSumScore();

for (P091327_LogTemp temp : list2)

if (temp.getKeyFactor().trim().equals(name[i]))

values2[i] = temp.getSumScore();

resp.setContentType("text/json; charset=utf-8");

JSONObject json = new JSONObject();

Map<String, Object> map = new HashMap<>();

map.put("values", values);

map.put("values2", values2);

json.putAll(map);

resp.getWriter().print(json.toString());

参考技术A Echarts是前端的图表，百度上有Demo的，只要从后台向前台传递json数据，解析下绑定到Echarts上，即可显示效果。 步骤： 后台取到数据，转化为json； 前台获取到json，改写Echarts调用的js；

echarts图表——雷达图

参考技术A 雷达图是以从同一点开始的轴上表示的三个或更多个定量变量的二维图表的形式显示多变量数据的图形方法。轴的相对位置和角度通常是无信息的。 雷达图也称为网络图，蜘蛛图，星图，蜘蛛网图，不规则多边形，极坐标图或Kiviat图。它相当于平行坐标图，轴径向排列。
雷达图主要应用于企业经营状况——收益性、生产性、流动性、安全性和成长性的评价。上述指标的分布组合在一起非常象雷达的形状，因此而得名。