echarts图表（动态加载有多少折线）

最新推荐文章于 2023-06-28 17:16:37 发布

我是一个诗人

最新推荐文章于 2023-06-28 17:16:37 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： echars 文章标签：动态添加折现

本文链接：https://blog.youkuaiyun.com/sinat_28761919/article/details/94440801

本文以柱状图加折线图为例，介绍如何动态加载折线数据。首先从后台获取横坐标数据，然后处理option，通过lineChartDataLoader函数生成折线图系列数据。最后使用echarts的setOption方法更新图表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以展示柱+折线图为例

1.后台数据获取，横坐标为天数

String legend = "[";//legend 
String[][] yAxisDataLineTotal = null;//纵坐标 二维数组
String sqlJld = "select DISTINCT w.JLDBH  from wbjc_yhrdlsj w WHERE w.YHID = "+yhbs+" and          
    MONTH('"+firstDayOfMonth+"')=month(w.JYRQ)   order  BY w.JLDBH";
	List<Object> listJld =  JPAUtil.executeNativeQuery(sqlJld);
	if(listJld.size()>0){
		yAxisDataLineTotal = new String[listJld.size()][] ;
		for (int i = 0; i < listJld.size(); i++) {
			String jldbh = listJld.get(i)+"";
			if (i > 0) {
				legend += ",";
			}
			legend +="\'"+ jldbh.substring(jldbh.length()-8,jldbh.length())+"\'";
			if(!"null".equals(jldbh)&&!"".equals(jldbh)&&jldbh!= null){ 
    			String sqlDetail ="select  w.JLDBH ,w.JYRQ,round(w.YGZDL/10000,2) from 
                             wbjc_yhrdlsj w WHERE w.YHID = "+yhbs+" and"
    					+ "  MONTH('"+firstDayOfMonth+"')=month(w.JYRQ) and w.JLDBH = 
                          '"+jldbh+