ECharts 折线图柱状图混合双Y轴 利用ajax动态获取后台数据

效果图示如下
在这里插入图片描述

后台代码用的框架是SSM 双Y轴根据后台数据展示
大致代码如下:

	List<Map> findqushi(@Param("date_id") String date_id, @Param("goodsId") String goodsId);
         //决定Y轴的最值
	List<Map> getgoodsCost(@Param("goodsId") String goodsId);
   

二、service

//echarts需要的后台数据
public List<Map> findqushi(String date_id, String goodsId) {
		return tradeDao.findqushi(date_id, goodsId);
	}

三、Controller

	@ResponseBody
	@RequestMapping(value = "/qushi", method = RequestMethod.POST)
	@RequiresPermissions("trade")
	public void findqushi(String goodsId) {
	   
	 	List<Map> goodsCost = tradeDao.getgoodsCost(goodsId);
		String date_id = null;
		SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd");
		Date date = new Date();
		date_id = simpleDateFormat.format(date);   // 当天  
		List<Map> entityList = tradeService.findqushi(date_id, goodsId);
		Map<String, Object> map = new HashMap<>();
		map.put("rows", entityList);
	 		map.put("goodsCost", goodsCost);
		System.out.println(map.toString());
		try {
			response.getWriter().write(new String(JSON.toJSONString(map).getBytes(), "UTF-8"));
			request.setCharacterEncoding("UTF-8");
		} catch (Exception e) {
			e.printStackTrace();
		}
	}

四、xml

<select id="findqushi" resultType="java.util.Map">
		SELECT
		DATE_FORMAT(t.buy_time,'%Y-%c-%d %H:%i:%s')
		as buyTime,
		t.buy_point as buyPoint,
		t.hold_num as holdNum

		FROM
		tb_trade t LEFT
		JOIN
		tb_user tu
		ON
		t.user_id
		=
		tu.id LEFT JOIN
		tb_ml3_agent
		tma on
		tma.agent_invite_code &#
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值