echarts-noDataLoadingOption问题

最新推荐文章于 2024-07-24 14:17:10 发布

weixin_34153893

最新推荐文章于 2024-07-24 14:17:10 发布

阅读量502

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Brose/p/echarts-noDataLoadingOption.html

本文探讨了ECharts在无数据显示时的处理方式，并针对其不支持noDataLoadingOption特性进行了DIY解决。作者发现当series为空数组时，ECharts会自动显示默认的无数据加载提示，这与自定义数据为空时的提示逻辑存在冲突。

目前echarts暂时不支持noDataLoadingOption外挂，所以我为此diy了一个无数据展示文字。

但是echarts很奇怪，它是判断serises==[]空数组才会自动出现echarts自带的noDataLoading,

这一点刚好与我判断serise{}中的各个元素的data值为空来作为无数据依据相排斥了。

所以接口的定义要标准，不然就出现两者提示信息同时出现的问题。。。。。。。。。。。。。。。

转载于:https://www.cnblogs.com/Brose/p/echarts-noDataLoadingOption.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34153893

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

echarts 无数据时气泡的修改背景颜色/动画样式 noDataLoadingOption

Ice Yang的博客

12-19

3702

echarts noDataLoadingOption 无数据时气泡的修改,背景，文字等

echarts详细说明

pyy的博客

09-17

3630

https://www.iteye.com/blog/elang0705-2252577 简介 ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9 /10/11，chrome，firefox，Safari等），底层依赖轻量级的Canvas类库ZRender，...

参与评论您还未登录，请先登录后发表或查看评论

【echarts图表】提示暂无数据

sunshineTing2的博客

01-23

1079

可以使用鼠标右键 Copy— Copy outerHtml复制下来放到我们的页面代码当中即可。

echarts没有数据时显示暂无数据

qq_41818857的博客

06-28

4330

在 echarts 正常渲染后，会在容器 div 上面添加一个自定义的属性_echarts_instance_，我们可以在判断数据为空时，在容器里面加上暂无数据。具体代码如下： if(!dataObj.length>0){ $("#produce").html('<div id="nodata" style="text-align: center;height:300px;line-height: 300px">暂无数据...</div>');

echarts3里去掉了noDataLoadingOption

baidu_34197758的博客

04-20

1万+

最近由于项目需求在无数据时，设置一个动画提示，之前用了echarts2版本都可以妥妥的，可是今天一查文档，怎么回事，noDataLoadingOption居然不在了！！不管不顾写在项目就是没用，后来经过多方查证，echarts3居然不支持noDataLoadingOption！！官方给出的理由是echarts不适合做这些，让我们自己判断数据为空，然后自己处理绘画的图形，真是悲伤逆流成河。。。最后想

echarts 显示暂无数据的具体方法

sinat_33255495的博客

08-11

8115

有数据时记得调用 hideLoading() 否则图表将无法展示。实现原理是在图表上再增加一个图层，图层上写着暂无数据的提示。

解决echarts的多个折现数据出现坐标和值对不上的问题

12-09

当出现多个折现数据，echarts可以配置stack值使用堆积值还是单个值 option = { noDataLoadingOption: { text: '暂无数据', effect: 'bubble', effectOption: {effect: {n: 0}}, textStyle: {fontSize: 24} },...

Echarts—折线图动态获取数据示例（java版本）

邓商羽的博客

06-27

5892

最终效果饼状图：饼状图示例，使劲点我！！！柱状图：柱状图实例，使劲点我！！！步骤：准备一个dom——>获取dom节点——>初始化——>绘制图表——>渲染数据 html代码 <template> <section class="chart-container"> <el-row> <el-badge ...

百度Echarts 取消无数据时的气泡显示

Sean的博客

01-05

6069

对于 echarts 在无数据的时候默认显示的界面，显示的气泡可能并不是很合适业务需求，Echarts 对于这个问题给了解决方法；使用一下代码就可以解决 noDataLoadingOption: { text: '无数据', effect: 'bubble',

echarts3里去掉了noDataLoadingOption的解决方法

南纬90度

06-27

8061

在echarts3里去掉了noDataLoadingOption，这样在没数据时就不能显示默认效果解决方法如下： myChart.showLoading({ text: '暂无数据', color: '#ffffff', textColor: '#8a8e91', maskColor: 'rgba(255, ...

新版ECharts实现“暂无数据”的完美解决方案

热门推荐

Harryfin的专栏

09-22

1万+

在旧版ECharts中，此功能是通过配置noDataLoadingOption来实现的，但此配置项在新版中已经被移除综合网上找到的一些方法，大致如下：借用Title来显示“暂无数据” 通过showLoading的方法来显示通过graphic来配置第一种方法属于取巧的方法，如果不使用统计图自带标题的话，是没问题的。但如果使用了标题的话，就会产生冲突了 title: { show: data.length == 0, // 没数据才显示 extStyle: {

Echarts实现“暂无数据”的几种方案

aSmallProgrammer的博客

06-06

5488

Echarts “暂无数据”的几种实现方式

关于echarts无数据时显示问题

weixin_43892223的博客

08-28

1万+

我是做java开发的，最近公司让我做前端统计图表柱形图之类的，我用的就是echarts，版本是2.2.7，接下来，就说说我遇到的问题，因为我是小白，所以记录一下。 ajax请求返回数据为空时显示暂无数据 echarts默认的是显示气泡，我换了种样式，是这样的自定义样式只需要在option中加入这样一段代码： noDataLoadingOption: { ...

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

weixin_35748508的博客

06-10

286

echarts在没数据时，在容器中加载暂无数据，然后再切换有数据的图表时，已然在容器中显示暂无数据，不会刷新图表。jQuery.getReqInterface("I005", { reportId: "RPT13028", token: token, branch_no: branch_no, stat_month: stat_month}, function(data){var html = "...

echarts没数据的时候，页面显示暂无数据

qq_58307541的博客

07-24

1316

echarts没数据的时候，页面显示暂无数据。

echarts添加暂不数据提示

xqhys的博客

01-24

828

function noDataLoadingOption(echarts, top, right) { var option = echarts.getOption(); var series = option.series; var flag = 0; // 0：无数据；1：有数据 for (var i = 0; i < series.length; i...

Echarts2.0_无数据时的显示改进方法

weixin_43370748的博客

11-05

1117

echarts 设置为暂无数据