为什么echarts 动态刷新数据无法显示后台数据

来源：蜘蛛抓取(WebSpider) 时间：2016-12-11 00:48 标签： echarts 动态数据
web前端（2）
&%@ page language=&java& import=&java.util.*& pageEncoding=&UTF-8&%&
&%@ taglib prefix=&s& uri=&/struts-tags&%&
String path = request.getContextPath();
String basePath = request.getScheme() + &://&
+ request.getServerName() + &:& + request.getServerPort()
+ path + &/&;
&!doctype html&
&meta http-equiv=&Content-Type& content=&text/ charset=UTF-8& /&
&meta http-equiv=&X-UA-Compatible& content=&IE=Edge& /&
&title&系统消息&/title&
&!-- eCharts --&
&script type=&text/javascript& src=&&%=basePath%&frontpage/common/js/jquery-1.7.2.min.js&&&/script&
&link href=&&%=basePath%&frontpage/plugs/echarts/css/echartsHome.css& rel=&stylesheet& type=&text/css& /&
&script src=&&%=basePath%&frontpage/plugs/echarts/echarts.js&&&/script&
&script src=&&%=basePath%&frontpage/plugs/echarts/macarons.js&&&/script&
&script type=&text/javascript&&
// Step:3 conifg ECharts's path, link to echarts.js from current page.
// Step:3 为模块加载器配置echarts的路径，从当前页面链接到echarts.js，定义所需图表路径
require.config({
echarts: '&%=basePath%&frontpage/plugs/echarts'
var id = 'b2eeee61f0009';
var nameList = [];
var scoreList = [];
var homeworkName = '';
function loadData(){
url : &&%=basePath%&frontstage/Statistics_statisticsByHomework?homeworkId=&+id,
type : &post&,
dataType : &json&,
cache : false,
success : function(data) {
nameList = data.nameL
scoreList = data.scoreL
homeworkName = data.homeworkN
error : function(errorMsg) {
alert(&图表请求数据失败啦!&);
myChart.hideLoading();
// Step:4 require echarts and use it in the callback.
// Step:4 动态加载echarts然后在回调函数中开始使用，注意保持按需加载结构定义图表路径
'echarts',
'echarts/chart/bar',
'echarts/chart/line',
'echarts/chart/map'
function (ec) {
//var id = '96f;;
//loadData(id);
//--- 折柱 ---
var myChart = ec.init(document.getElementById('main'),e_macarons);
myChart.setOption({
text: homeworkName+'成绩统计',
subtext: '作业分数统计'
tooltip : {
trigger: 'axis'
data:['成绩']
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: true},
magicType : {show: true, type: ['line', 'bar']},
restore : {show: true},
saveAsImage : {show: true}
calculable : true,
type : 'category',
boundaryGap : false,
data : nameList
type : 'value',
axisLabel : {
formatter: '{value} 分'
series : [
name:'得分',
type:'line',
data:scoreList,
markPoint : {
{type : 'max', name: '最大值'},
{type : 'min', name: '最小值'}
markLine : {
{type : 'average', name: '平均值'}
name:'最低气温',
type:'line',
data:[1, -2, 2, 5, 3, 2, 0],
markPoint : {
{name : '周最低', value : -2, xAxis: 1, yAxis: -1.5}
markLine : {
{type : 'average', name : '平均值'}
&body onload=&loadData()&&
&div id=&main& style=&height:500width:800border:1px solid #padding:10&&&/div&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：4765次
排名：千里之外
(3)(2)(3)(1)Echart问题.怎么样从后台取数据到echart呢.
你好，看到你在oschina上问过,不知道现在解决了没. 想跟你请教个问
题：从后台传入的java数据怎么放到echarts中让显示呢，期待你的回复
function showpie(charDivId,pss_finance_cata,radius){
// 按需加载
'echarts',
'echarts/chart/pie',
function(echarts){
//这是将pie图展示到哪个div中
var charDiv = document.getElementById(charDivId);
$(&#&+charDivId).empty();
var fundsTypeChart = echarts.init(charDiv);
url:&/xxx/getdatefromjson&,
type:&post&,
data:{xx,yy,zz},
success:function(data){
var array = new Array();
var legendArr=new Array();
var results = data.
for(var i=0; i&results. i++){
legendArr.push(results[i].name);
array.push({value:results[i].value,name:results[i].name});
showChart(fundsTypeChart,pss_finance_cata+&统计&,legendArr,array,radius);
你好,首先java服务器端,我把数据转化为json格式传到页面中,在echarts中用ajax取到相应的数据.按照echarts官方实例:比如&中的,将相应数据放到里面就好.
我写了个小实例,希望对你有帮助
--- 共有 1 条评论 ---
好快,谢谢了,应该先搜索一下的.无数据时Echarts显示暂无数据
现在后台json请求没数据的时候是一片白，现在我选实现的就是在没有数据的时候，让div中显示暂无数据这几个字，请问该怎么实现

我要回帖

更多关于 echarts 动态数据 的文章

 

随机推荐