欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-07 19:42:17
...

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

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

具体实现就是在option中添加上诉代码

var optionLine = {
                    noDataLoadingOption: {
                        text: '无数据',
                        effect: 'bubble',
                        effectOption: {
                            effect: {
                                n: 0
                            }
                        }
                    },
                    title: {
                        text: 'xxx',
                        subtext:'xxx',
                        x: 'center'
                    },
                    tooltip: {
                        trigger: 'axis'
                    },
};

下面的内容根据业务需求自定义书写