Code

                      
<div echarts [options]="barChart"></div>
                      
                    

Required Data

[options] chart options.

                      
{
  color: [colors.primary, colors.orange],
  legend: {
    data: ['USA', 'UK'],
    align: 'left'
  },
  tooltip: {},
  grid: {
    left: 0,
    right: 0,
    bottom: 0,
    containLabel: true
  },
  xAxis: {
    data: generateBarData.barXAxisData,
    silent: false,
    splitLine: {
      show: false
    }
  },
  yAxis: {},
  series: [
    {
      name: 'USA',
      type: 'bar',
      data: generateBarData.barData1,
      animationDelay: function (idx) {
        return idx * 10;
      }
    },
    {
      name: 'UK',
      type: 'bar',
      data: generateBarData.barData2,
      animationDelay: function (idx) {
        return idx * 10 + 100;
      }
    }
  ],
  animationEasing: 'elasticOut',
  animationDelayUpdate: function (idx) {
    return idx * 5;
  }
}