echarts加载显示loading

如果在 echarts 中加载数据时需要显示 loading 动画，可以通过以下方式实现：

1. 在初始化 echarts 实例时，设置 loading 配置项：

var myChart = echarts.init(dom, 'default', {
    // 设置 loading 配置项
    loading: {
        // type 可选参数：'default', 'spin', 'bar', 'ring', 'whirling', 'dynamicLine', 'bubble'，默认值为 'default'
        type: 'default',
        // text 可选参数：loading 文字，默认值为 'loading'
        text: 'loading',
        // color 可选参数：loading 颜色，默认值为 '#c23531'
        color: '#c23531',
        // textColor 可选参数：loading 文字颜色，默认值为 '#000'
        textColor: '#000',
        // maskColor 可选参数：loading 蒙层颜色，默认值为 'rgba(255, 255, 255, 0.8)'
        maskColor: 'rgba(255, 255, 255, 0.8)',
        // zlevel 可选参数：loading zlevel 值，默认值为 0
        zlevel: 0
    }
});

2. 在加载数据之前，调用 `myChart.showLoading()` 方法显示 loading 动画：

myChart.showLoading();

3. 加载数据完成后，调用 `myChart.hideLoading()` 方法隐藏 loading 动画：

myChart.hideLoading();

以上就是通过 echarts 显示 loading 动画的方法。