ECharts Java 动态加载数据

最新推荐文章于 2024-03-24 00:14:48 发布

VIP文章码农先生

最新推荐文章于 2024-03-24 00:14:48 发布

阅读量6.2w

点赞数 12

本文链接：https://blog.csdn.net/FOR_CHINA2012/article/details/45167161

版权

1、前台JSP页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>ECharts</title>
	<script type="text/javascript" src="${ctx}/plugins/echarts-2.2.1/echarts.js"></script>
	<script type="text/javascript" src="${ctx}/plugins/jquery-1.8.3/jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
		// 配置路径
		require.config({
			paths: {
				echarts: '${ctx}/plugins/echarts-2.2.1'
			}
		});
		
		// 按需加载
		require(
			[
			 	'echarts', 
			 	'echarts/chart/bar',
			 	'echarts/chart/line'
			],
			function (ec) {
				var chart = document.getElementById('chart');
				var echart = ec.init(chart);
				
				echart.showLoading({
					text: '正在努力加载中...'
				});
				
				var categories = [];
				var values = [];
				
				// 同步执行
				$.ajaxSettings.async = false;
				
				// 加载数据
				$.getJSON(

最低0.47元/天解锁文章

码农先生

关注

12
点赞
踩
27

收藏

觉得还不错? 一键收藏
53
评论
ECharts Java 动态加载数据

1、前台JSP页面<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> ECharts // 配置路径 require.config({ paths: { echarts: '${ctx}/plugins/echarts-
复制链接

扫一扫