要为ECharts柱状图添加加载效果，你可以使用ECharts自带的loading组件。通过在图表加载前显示loading效果，可以提升用户体验并展示数据正在加载的状态。以下是一个echarts柱状图加载效果示例代码：

// 初始化ECharts实例

var myChart = echarts.init(document.getElementById('chart-container'));
// 显示loading效果
myChart.showLoading();
// 模拟异步加载数据
setTimeout(function() {
  // 假设有一个存储数据的数组 dataArr
  var dataArr = [
    {name: 'A', value: 100},
    {name: 'B', value: 200},
    {name: 'C', value: 300},
    {name: 'D', value: 400}
  ];
  // 隐藏loading效果
  myChart.hideLoading();
  // 渲染柱状图
  myChart.setOption({
    xAxis: {
      type: 'category',
      data: dataArr.map(item => item.name)
    },
    yAxis: {
      type: 'value'
    },
    series: [{
      type: 'bar',
      data: dataArr.map(item => item.value)
    }]
  });
}, 2000); // 2秒后模拟加载完成

在上述代码中，我们首先使用`showLoading()`方法显示loading效果，然后模拟异步加载数据，这里使用了`setTimeout`来延时2秒。在数据加载完成后，使用`hideLoading()`方法隐藏loading效果，并根据数据渲染柱状图。

你可以根据自己的实际情况，调整加载数据的方式和数据源，并在加载前后展示相应的loading效果和图表渲染逻辑。这样就可以实现一个带有加载效果的ECharts柱状图。