ebs html 图表无数据,echarts没数据时在容器中显示暂无数据,切换后无法显示图表...

本文讲述了如何在ECharts图表加载过程中处理从无数据到有数据的切换,确保图表在有数据时能刷新并清除暂无数据提示。通过jQuery和echarts API,我们分享了如何在数据获取成功后动态更新图表配置,以实现平滑过渡。

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

echarts在没数据时,在容器中加载暂无数据,然后再切换有数据的图表时,已然在容器中显示暂无数据,不会刷新图表。

jQuery.getReqInterface("I005", { reportId: "RPT13028", token: token, branch_no: branch_no, stat_month: stat_month}, function(data)

{

var html = "";

var month_list = [];

var data_list = [];

if(data.list.length>0){

jQuery.each(data.list,function(n, value){

var month_list_stat = value.STAT_MONTH;

month_list[n] = month_list_stat.substr(4,2);

data_list[n] = value.LOSS_SERV;

});

loadchart3(month_list,data_list);

}

else{

jQuery("#chart3").html('

暂无数据
')

}

});

echart的代码为

function loadchart3(month_list,data_list)

{

var myChart3 = echarts.init(document.getElementById('chart3'));

var option3 = {

noDataLoadingOption:

{

text: '暂无数据',

effect: 'bubble',

effectOption:

{

effect:

{

n: 0

}

}

},

grid:

{

top: '20%',

left: '3%',

right: '2%',

bottom: '10%',

containLabel: true

},

xAxis:

{

data: month_list,

splitLine:

{

show: false

}

},

yAxis:

{

splitLine:

{

show: false

},

type: 'value',

min: 0,

precision: 2

},

series: [

{

type: 'bar',

areaStyle: { normal: { color: '#2a8efc' } },

//data: marketing_rate_list,

data: data_list,

barWidth: 18,

label: {

normal: {

show: true,

position: 'top'

}

},

itemStyle:

{

normal:

{

color: '#2a8efc'

}

}

}]

};

myChart3.setOption(option3);

请问下应该怎么处理。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值