echarts图表日期连续问题

最新推荐文章于 2024-04-19 15:08:32 发布

hu81966

最新推荐文章于 2024-04-19 15:08:32 发布

阅读量7.5k

点赞数 1

分类专栏： JAVA研究

本文链接：https://blog.csdn.net/hu81966/article/details/58594421

版权

JAVA研究专栏收录该内容

7 篇文章 0 订阅

订阅专栏

在制作echarts图表时遇到了一个问题：数据库分别有month（格式为yyyy-MM）、value字段。我想用echarts的折线图显示每个month下的value。然而在撸完java后发现一个问题：数据库中有的month之间并不连续，举个栗子：数据库中有2014-04，2014-06，但是却没有2014-05（此时应该设置2014-05的value为0）。这就导致了在echarts图表中，当折线从2014-04，2014-05，2014-06经过时，由于2014-05的value为null，折线直接从2014-04指向2014-06，以下是示意图：

正确的显示结果应该是：

由于不能在sql里添加2014-05，所以我写了一个java方法，用来处理日期不连续问题。。

        /**
	 * 某个月份为空则增加该月份并设置为0。beginDate起始月份，endDate结束月份,month为两者的月份差
	 * @param acs
	 * @param beginDate
	 * @param endDate
	 * @return
	 * @throws ParseException 
	 */
	public List<T> addMonth(List<T> t, String beginDate, String endDate) throws ParseException {
		SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM");
		Calendar bd = Calendar.getInstance();
		Calendar ed = Calendar.getInstance();
		bd.setTime(sdf.parse(beginDate));
		ed.setTime(sdf.parse(endDate));
		int month = ed.get(Calendar.MONTH) - bd.get(Calendar.MONTH) 
				+ (ed.get(Calendar.YEAR) - bd.get(Calendar.YEAR)) * 12 + 1;
		Calendar cdate = bd;
		String sdate = "";
              //以下为算法，i是t的当前位置，sdate为游标，用来判断当前位置的month是否与sdate相等
		for(int i = 0; acs.size() < month; ) {
			sdate = sdf.format(cdate.getTime());
			if(t.size() == 0 || i == t.size()) {
				T tAcs = new T();
				tAcs.setMonth(sdate);
				t.add(i, tAcs);
				cdate.add(Calendar.MONTH, 1);
			} else {
				if(sdate.equals(t.get(i).getMonth())) {
					cdate.add(Calendar.MONTH, 1);
					i++;
				} else {
					T tAcs = new T();
					tAcs.setMonth(sdate);
					if(sdate.compareTo(t.get(i).getMonth()) == 1) {
						t.add(i + 1, tAcs);
					} else {
						t.add(i, tAcs);
					}
					cdate.add(Calendar.MONTH, 1);
					i++;
				}				
			}
		}
		return acs;
	}