关于Echart图没有数据的时候显示暂无数据思路

Echart 没有数据的时候显示暂无数据

思路 :

1. 通过设置 title 就可以处理了
2. 通过判断，后台传给我们的数据是否有值，将 title 这个属性设置成两个，一个是有数据的时候显示的标题内容。一个是无数据的时候显示的暂无数据

// 当后台返回的数据为空的时候，将 title 设置成这样
Title = {text: "暂无数据",left: "center",top: "center",textStyle: {fontSize: '35',color: 'grey'}
}// 当后台返回的数据不为空的时候，设置显示的 title
Title = {text:'测试标题',x: 'center',top: 35,textStyle: {fontSize: '15',color: '#333'}
}// 例如 : if(data.length > 0){ 数据不为空...  }else{ ... 数据为空 Title}
if(data.length > 0){Title = {text:'测试标题',x: 'center',top: 35,textStyle: {fontSize: '15',color: '#333'}}
}else{Title = {text: "暂无数据",left: "center",top: "center",textStyle: {fontSize: '35',color: 'grey'}}
}option = {title:Title ,legend:{},xAxis:{},yAxis:{},series:[]
}

还有很多当后台返回数据为空的时候显示暂无数据的方法，可以根据自己的项目来进行调整，目前这种方法是稍微简单一点的

关于Echart图没有数据的时候显示暂无数据思路相关推荐

echart饼状图没有数据的时候显示暂无数据_Python数据结构可视化 day 5
Python 数据结构可视化 (Day5) 01年度工作总结有时候画布太大,影响到图表的展示,这个时候输入: "init_opts=opts.InitOpts(width='',heigh ...
vue解决Element-ui中 el-cascader 级联选择器最后一级数据为空显示暂无数据问题
1.出现问题bug: el-cascader控件最后一级出现空白暂无数据 2. 问题原因分析经过调试分析出现空级联原因是:由于数据是从后台传递过来的,当后端的哥们使用递归算出菜单,然后转换成js ...
页面显示的时候先显示暂无数据然后再显示数据
ts文件: //给hasdata赋值为true,在页面加载的时候就不会先显示暂无数据: hasdata: boolean = true//获取任务分类getRunCategory(timeRefres ...
el-table loading 显示暂无数据查询时显示数据正在加载中
<el-table v-loading="loadingShow" element-loading-text="数据正在加载中..."此处省略好几行> ...
echarts 显示暂无数据的具体方法
在 echarts 渲染过程中,当没有数据的时候,页面像没有完成的项目一般,为了更好的用户体验,需要显示暂无数据,这里整理了三种实现方案: (1)通过判断是否有渲染需要的图表数据,给 DOM 插入文字 ...
layui在搜索的时候没有数据，在表格中显示暂无数据
layui在搜索的时候没有数据,在表格中显示暂无数据网上有很多教程,都是说要改变table.js,但是我发现不需要,只需要在返回json数据的时候做一下判断即可. php给layui返回json数据 ...
element-ui的el-table表格中给暂无数据加背景图
css样式: .el-table__empty-text { display: block; width: 500px; height: 385px; padding-top: 300px; back ...
R语言使用ggplot2包使用geom_boxplot函数绘制基础分组箱图（配置数据点抖动显示jitter）实战
R语言使用ggplot2包使用geom_boxplot函数绘制基础分组箱图(配置数据点抖动显示jitter)实战目录 R语言使用ggplot2包使用geom_boxplot函数绘制基础分组箱图(配置 ...
echarts控制只显示部分数据的折线图_Python数据可视化之pyecharts入门
Echarts是一个开源的数据可视化JS库,pyecharts是一个生成Echarts图表的python类库.在使用pyecharts,首先我们需要安装pyechats类库. pip install ...

关于Echart图没有数据的时候显示暂无数据思路

Echart 没有数据的时候显示暂无数据

思路 :

关于Echart图没有数据的时候显示暂无数据思路相关推荐

最新文章

热门文章