后台数据要以json格式返回

Echarts 获取后台数据 使用后台数据展示 柱形图

Echarts 获取后台数据 使用后台数据展示 柱形图

页面:引用echarts.js , 然后data以ajax的数据请求并返回

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>ECharts</title>
</head>

<body>
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<div );
myChart.hideLoading();
}
})
return arr;
})()

}
]
};
// 为echarts对象加载数据
myChart.setOption(option);
}
);
</script>
</body>

============================================================

Echarts 获取后台数据 使用后台数据展示 柱形图

 

Echarts 获取后台数据 使用后台数据展示 柱形图

 

相关文章: