八十、单车订单统计实现
1.请求
getBikeOrder() {
this.\(axios</span></p><p data-v-2505e99a data-v-5b474d2a><span style="font-size:17px;" data-v-2505e99a> .get(this.\)httpUrl + "/echart/bikeOrder")
.then((res) => res.data)
.then((res) => {
this.draw1(res)
});
},
2.后端实现
@GetMapping("/bikeOrder")
public List<ChartPie> bikeOrder() {
return bikeorderService.bikeOrder();
}
<select id="bikeOrder" resultType="com.longyi.bikescreen.entity.ChartPie">
SELECT bike.name, sum(bikeorder.money) AS value
FROM bikeorder
JOIN bike ON bikeorder.bike = bike.id
GROUP BY bike.name
order by value desc
limit 6
</select>
4.定义option
var option = {
color: [’#fd7f0e’, ‘#04f9fa’, ‘#16bd87’, ‘#1aa3ff’, ‘#ff633c’, ‘#ffc722’],
tooltip: {
trigger: ‘item’,
formatter: ‘{a} <br/>{b}：{c} 元’,
},
legend: {
bottom: ‘10%’,
itemWidth: 10,
itemHeight: 10,
textStyle: {
color: ‘#fff’,
fontSize: ‘12’,
},
},
series: [
{
name: ‘单车订单’,
type: ‘pie’,
center: [‘50%’, ‘40%’],
radius: [‘35%’, ‘50%’],
label: {
normal: {
formatter: params => {
return params.name + ":" + params.value + "元"
},
},
},
data: data,
},
],
};
5.初始化调用
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/153378.html