echarts 设置数据加载遮罩层

最新推荐文章于 2025-05-13 18:48:47 发布

转载最新推荐文章于 2025-05-13 18:48:47 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ynxrsoft/p/9001071.html

文章标签：

#javascript #ViewUI

本文介绍了如何使用ECharts实现图表加载时的动画效果，包括显示和隐藏加载提示的过程。通过设置加载提示的位置、文本样式及效果等参数，可以定制化的展示加载动画。

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

        //显示加载数据的loading
        chart.showLoading({
            text: "图表数据正在努力加载...",
            x: "center",
            y: "center",
            textStyle: {
               color:"red",
             fontSize:14
            },
           effect:"spin"
        });

　　//隐藏loading

　　chart.hideLoading();

转载于:https://www.cnblogs.com/ynxrsoft/p/9001071.html