Echarts无数据时只显示文字不显示动画

只需要在option中加入如下代码即可:

noDataLoadingOption: {
                        text: ‘暂无数据‘,
                        effect: ‘bubble‘,
                        effectOption: {
                            effect: {
                                n: 0
                            }
                        }
 },

完整Option示例代码如下:

option = {
  noDataLoadingOption: {
                        text: ‘暂无数据‘,
                        effect: ‘bubble‘,
                        effectOption: {
                            effect: {
                                n: 0
                            }
                        }
 },
    title : {
        text: ‘某站点用户访问来源‘,
        subtext: ‘纯属虚构‘,
        x:‘center‘
    },
    tooltip : {
        trigger: ‘item‘,
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient : ‘vertical‘,
        x : ‘left‘,
        data:[‘直接访问‘,‘邮件营销‘,‘联盟广告‘,‘视频广告‘,‘搜索引擎‘]
    },
    toolbox: {
        show : true,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {
                show: true,
                type: [‘pie‘, ‘funnel‘],
                option: {
                    funnel: {
                        x: ‘25%‘,
                        width: ‘50%‘,
                        funnelAlign: ‘left‘,
                        max: 1548
                    }
                }
            },
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : true,
    series : [
        {
            name:‘访问来源‘,
            type:‘pie‘,
            radius : ‘55%‘,
            center: [‘50%‘, ‘60%‘],
            data:[
                {value:335, name:‘直接访问‘},
                {value:310, name:‘邮件营销‘},
                {value:234, name:‘联盟广告‘},
                {value:135, name:‘视频广告‘},
                {value:1548, name:‘搜索引擎‘}
            ]
        }
    ]
};

时间: 2024-11-06 18:03:35

Echarts无数据时只显示文字不显示动画的相关文章

echarts切换tab时,第一个图表显示,第二个图表不显示的解决办法

首先这种情况,我在网上看到了好多人问,确实也有正解,但是只是说出了其错误出现的原因,并没有给出解决方法. 我也是深受其害,所以呢,在这里记录一下,分享给还在困扰着的你们,迅速找出解决办法. 首先,我先简单介绍一下,我这里出现错误的情境. 原来刚刚遇到这个问题的时候,是在点击多个tab选项之后,出现了地图不显示的情况,然后呢,我就一直在根据打开多个tab之后,地图不显示这个思路进行寻找bug的原因,后来问了问同事,发现原来这个错误的原因,不是因为打开多个tab页面导致的,而是因为打开的多个tab选

绘制文字时如何让文字居中显示

理解:x:要绘制文本的x坐标,y:baseline 1.首先调整字符的坐标系为中心, paintUnselectWeekText.setTextAlign(Paint.Align.CENTER); 2.将字符的中心与要绘制的地方的中心对其,那么文字就居中了 canvas.drawText("the text", widthToPlace /2, getPaddingTop() + textHeight, paint)

OSG显示文字——自定义显示文字函数

#include <Windows.h> #include <osg/Geode> #include <osg/Geometry> #include <osgText/Text> #include <osgViewer/Viewer> #include <locale.h> #include <osgDB/ReadFile> void setupProperties(osgText::Text& textObjec

easyUI draggable插件使用不当,导致拖动div内部文本框无法输入;设置echarts数据为空时就显示空白,不要动画和文字

先上一个Demo <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text

&lt;input type=&quot;file&quot; /&gt;浏览时只显示指定文件类型

<input type="file" />浏览时只显示指定文件类型 <input type="file" accept="application/msword" ><br><br>accept属性列表<br> 1.accept="application/msexcel"2.accept="application/msword"3.accept=&q

GridView中如何在无数据时显示空行和表头

#region ---- 数据绑定 ----- private void bd(int pageindex) { int rowcount = 0; int pagesize = 0; int pagecount = 0; decimal cyfzhj = 0; string Slqstring = Base_Query_Sql; mta.DT(Slqstring); DataTable rs = mta.DT(Slqstring); this.GridView1.DataSource = rs

ReportControl设置无显示内容时的提示文字

由于项目显示内容列表采用的是codejock software里面的ReportControl控件. 在没有显示内容时,提示文字"There are no items to show",想显示成中文的提示内容. 后台修改代码: this.reportControl控件名称.PaintManager.NoItemsText = "修改为自己的中文空行提示内容"; 即可! ReportControl设置无显示内容时的提示文字,布布扣,bubuko.com

【解决方法】EasyUI DataGrid无数据时不显示滚动条问题

在dataGrid的定义中添加如下代码: JavaScript Code 1 2 3 4 5 6 7 8 9 10 11 onLoadSuccess : function (data) { if (data.total == 0) { $('#dg').datagrid('insertRow', { row : {} }); $("tr[datagrid-row-index='0']").css({ "visibility" : "hidden"

beyond compare 比较Xls文件时只显示有差异的列

beyond compare是专业级的文件比较工具,可以比较所有的文件格式,已经成为我工作中的必备软件 在某一个工作项目中需要比较两个Xls文件,两个文件列是相同的,主要是看两个文件的列内容有什么变化 由于Xls文件的列有很多,大概60多个,而大部分列的内容是相同的,只是某几个列的某几个内容是有变化的 之前是一个列一个列的看,妈呢60多个列要看差异叫我怎么忍受,于是在Gogole上搜索"beyond compare xls 只显示差异列"但基本上前20页的内容都是无效的 无奈只能自己解