vue+highcharts前后端交互 之 java拼凑json格式数据（饼图，百分比堆叠柱形图）

上一节写完了vue+highcharts的前端页面动态调用数据的方式。现在写一下数据库查询格式和方法，以及通过java进行拼凑json格式数据返回到前端

vue+highcharts前后端交互展示图表 之 前端动态调用数据（饼图，柱形图）
老规矩，上代码

饼图

饼图数据的结构比较简单，只需要拼凑data属性下的name（hidden_name）和y（terms）
数据示例

series: [{
   
				name: 'Brands',
				colorByPoint: true,
				data: [{
   
						name: '管道腐蚀',
						y: 60,
						sliced: true,
						selected: true
				}, {
   
						name: '管道腐蚀1',
						y: 20
				},{
   
						name: '管道腐蚀2',
						y: 10
				}, {
   
						name: '管道腐蚀31',
						y: 10
				}]
		}]

数据库查询需要的数据

SELECT
	hidden_name,
	(
		SELECT
			COUNT (*)
		FROM
			TABLE_X
		WHERE
			hidden_id = A .hidden_id
	) terms
FROM
	TABLE_X A
GROUP BY
	hidden_name

java部分处理
这里使用一个map实现传值到前端。

List<HiddenEntity> list = hiddenEntityMapper.getTestBingTu();
List<Map<String,Object>