java中echat如何动态_ECharts Java 动态加载数据，echartsjava

1、前台jsp页面

pageEncoding="UTF-8"%>

html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

ECharts

// 配置路径

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('${ctx}/dataAccessServlet', function (json) {

categories = json.categories;

values = json.values;

});

var option = {

tooltip: {

show: true

legend: {

data: ['销量']

xAxis: [

{

type: 'category',

data: categories

}

yAxis: [

{

type: 'value'

}

series: [

{

'name': '销量',

'type': 'bar',

'data': values

}

]

};

echart.setOption(option);

echart.hideLoading();

}

);

2、后台JSON数据

protected void doPost(HttpServletRequest request,

HttpServletResponse response) throws ServletException, IOException {

String[] categories = {"鞋", "衬衫", "外套", "牛仔裤"};

Integer[] values = {80, 50, 75, 100};

Map json = new HashMap();

json.put("categories", categories);

json.put("values", values);

JsonUtils.writeJson(json, request, response);

}

3、最终实现效果

ECharts首页：http://echarts.baidu.com/

ECharts Java 类库：http://git.oschina.net/free/ECharts

java中echat如何动态_ECharts Java 动态加载数据，echartsjava相关推荐

JQuery Datatables 动态配置参数异步加载数据
背景需求在前端动态设置datatables需要传递到后端的查询参数,异步加载返回的数据.点击这里进入datatables中文网异步加载数据说明直接上代码 var table; var url = ...
java中class.forname连接mysql数据库_Java加载数据库连接驱动，为什么要用Class.forName()方法?...
展开全部目的是为了实例化对象. Class.forName("")返回的是类e68a84323131333532363134313032313635333133336564363 ...
Android中apk加固完善篇之内存加载dex方案实现原理(不落地方式加载)
一.前言时隔半年,困扰的问题始终是需要解决的,之前也算是没时间弄,今天因为有人在此提起这个问题,那么就不能不解决了,这里写一篇文章记录一下吧.那么是什么问题呢? 就是关于之前的一个话题:Androi ...
java中echat如何动态_ECharts Java 动态加载数据
1.前台JSP页面ECharts// 配置路径require.config({paths: {echarts: ${ctx}/plugins/echarts- 1.前台JSP页面 pageEncodi ...
java 类重新加载_Java动态类加载和重新加载的详细介绍
本篇文章给大家带来的内容是关于Java动态类加载和重新加载的详细介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. Java中可以在运行时加载和重新加载类,虽然并不像我们想像中那么简 ...
echarts java动态数据_[ASP.net教程]ECharts Java 动态加载数据，echartsjava
[ASP.net教程]ECharts Java 动态加载数据,echartsjava 0 2015-12-18 00:00:05 1.前台jsp页面html PUBLIC "-//W3C// ...
ECharts Java 动态加载数据
1.前台JSP页面 <%@ page language="java" contentType="text/html; charset=UTF-8"page ...
echarts在.Net中使用实例(二) 使用ajax动态加载数据
通过上一篇文章可以知道和echarts参考手册可知,series字段就是用来存储我们显示的数据,所以我们只需要用ajax来获取series的值就可以. option 名称描述 {color}back ...
java中的jpa_JPA教程–在Java SE环境中设置JPA
java中的jpa JPA代表Java Persistence API,它基本上是一个规范,描述了一种将数据持久存储到持久存储(通常是数据库)中的方法. 我们可以将其视为类似于Hibernate之类的 ...

java中echat如何动态_ECharts Java 动态加载数据，echartsjava

java中echat如何动态_ECharts Java 动态加载数据，echartsjava相关推荐

最新文章

热门文章