echarts 设置加载效果

给柱状图添加loading效果

let myChart = this.$echarts.init(document.getElementById('el')) 
// el 表示要显示的柱状图所在的元素;

 myChart.showLoading() // 表示显示echarts默认加载效果；

echarts 柱状图默认效果：

image.png

修改默认加载效果：

// 如果想要修改默认配置参数，可以通过如下方式
 myChart.showLoading({  // 此处需要传入一个对象
            text:'加载中',
            color:'#3385ff',
        })

修改后的效果图如下：

image.png

隐藏加载效果

myChart.hideLoading()

echarts 官网配置如下：

image.png