echarts折线图

在这里插入图片描述

<div id="main" style="width: 700px;height:400px;"></div>
$(function () {
            $.post('[[${ctx}]]/mine/opinions/getCharts2', {
               /* complaintsType: $('#feedbackTypeList').val(),
                departmentId: $('#departmentList').val(),*/
            }, function (result) {
                var scrollingNumber = echarts.init(document.getElementById('main'));
                option = {
                    xAxis: {
                        type: 'category',
                        data: result.date
                    },
                    yAxis: {
                        name: '单位:次', //Y轴提示
                        type: 'value',
                        axisLabel: {
                            formatter: '{value} 次' //Y轴单位
                        }
                    },
                    series: [{
                        data: result.count,
                        type: 'line'
                    }]
                };
                scrollingNumber.setOption(option);
            })
        });

后台代码

@Log("统计收入折线图")
	@RequestMapping("getCharts2")
	@ResponseBody
	public Map<String,Object> getCharts2(OpinionsSuggestions opinionsSuggestions){
		Map<String,Object> map = new HashMap<>();
		List<OpinionsSuggestions> getList = opinionsSuggestionsService.getChart(opinionsSuggestions);    //查询获取数据
		SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd");
		List<Integer>  count = new ArrayList<>();
		List<String> date = new ArrayList<>();
		for(int i=0;i<getList.size();i++){                                     //循环获取数据
			count.add(getList.get(i).getCount());
			if (getList.get(i).getCreateTime()!=null){
				date.add(getList.get(i).getCreateTime());
			}
		}
		map.put("date",date);
		map.put("count",count);
		return map;

	}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值