我可以在echarts中设置不同类型的加载动画吗?

问题描述

当前,我正在调用API来填充使用echarts制作的条形图中的数据,我使用了以下代码var mychart = echarts.init(document.getElementById("test")); mychart.showLoading(); 数据到来之后,我就隐藏了加载,但是在echarts中,我仅获得圆形加载选项,我可以使用竖线显示echarts中的加载动画。

解决方法

Echarts没有其他正在加载的微调器,但是您可以自己创建或获取任何微调器库(用于example)并放在上面。当然,您可以使用自定义系列或图形来绘制某些内容,但花费的时间并不正确,因为它是加载程序,其作用只是表明图表还没有失效,并且会尽快采取行动以防止用户离开。

,

尝试DOC

https://echarts.apache.org/en/api.html#echartsInstance.showLoading

default: {
    text: 'loading',color: '#c23531',textColor: '#000',maskColor: 'rgba(255,255,0.8)',zlevel: 0,// Font size. Available since `v4.8.0`.
    fontSize: 12,// Show an animated "spinner" or not. Available since v4.8.0`.
    showSpinner: true,// Radius of the "spinner". Available since `v4.8.0`.
    spinnerRadius: 10,// Line width of the "spinner". Available since `v4.8.0`.
    lineWidth: 5
}