echarts设置加载动画样式

显示加载动画:

chart.showLoading() //显示加载动画,默认样式

设置加载动画样式

在调用showLoading方法时,传入opts对象,设置加载动画样式

chart.showLoading({
    text: 'loading', //显示的文本
    color: '#c23531', //显示转圈的圆圈颜色
    textCloor: '#000', //显示文本的颜色
    maskColor: 'rgba(255,255,255,0.8), //显示的背景色
    // 字体大小。从 `v4.8.0` 开始支持。
    fontSize: 12,
    // 是否显示旋转动画(spinner)。从 `v4.8.0` 开始支持。
    showSpinner: true,
    // 旋转动画(spinner)的半径。从 `v4.8.0` 开始支持。
    spinnerRadius: 10,
    // 旋转动画(spinner)的线宽。从 `v4.8.0` 开始支持。
    lineWidth: 5,
    // 字体粗细。从 `v5.0.1` 开始支持。
    fontWeight: 'normal',
    // 字体风格。从 `v5.0.1` 开始支持。
    fontStyle: 'normal',
    // 字体系列。从 `v5.0.1` 开始支持。
    fontFamily: 'sans-serif'
})

隐藏加载动画

chart.hideLoading() //隐藏加载动画

官方文档链接

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容