今天学到了新东西
原先以为查出的user只是user,现在,真的是可以变成各种类型,
select u.userId value ,u.userName name FROM `user` u
很普通的查询但是如果你的返回值类型变了,比如变成hashMap ,而不是User那么乐趣就来了。
你可以让name当key,让value,还是value。
<select id="selectAll" resultType="hashMap">
select u.userId value ,u.userName name FROM `user` u
</select>
mapper中
public List<Map<String, Object>> selectAll();
这样就能在controller中,直接返回你的值。
@RequestMapping("/bar")
@ResponseBody
public List<Map<String, Object>> backbar(){
return userService.selectAll();
}
在前台页面中,
<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../js/echarts.common.min.js"></script>
<script type="text/javascript">
$(function(){
$.ajax({
url:"bar",
success:function(d){
alert("1")
var myChart = echarts.init(document.getElementById('dd'));
option = {
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
legend: {
orient: 'vertical',
x: 'left',
data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},
series: [
{
name:'访问来源',
type:'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
label: {
normal: {
show: false,
position: 'center'
},
emphasis: {
show: true,
textStyle: {
fontSize: '30',
fontWeight: 'bold'
}
}
},
labelLine: {
normal: {
show: false
}
},
data:d
}
]
};
myChart.setOption(option);
}
})
})
</script>
</head>
<body>
<h2>你好</h2>
<div id="dd" style="width: 600px;height:400px;"></div>
</body>
出现最终结果。