morris bar graph click event hits multiple times

Question

I'm new in development. Currently, I'm facing the issue of the morris bar click event. When I click on the bar then it hits multiple requests. Please Help.

var branchData = data,
        branchConfig = {
            data: branchData,
            xkey: 'yBranch',
            ykeys: ['aBranch'],
            ymin: 0,
            ymax: 100,
            labels: ['Key Points %'],
            barColors: function (row, series, type) {
                return $arrColors[row.x];
            },
            fillOpacity: 0.6,
            hideHover: 'auto',
            behaveLikeLine: true,
            resize: true,
            horizontal:true,
            pointFillColors:['#fff'],
            pointStrokeColors: ['black'],
            lineColors:['gray']
        };

    branchConfig.element = 'branch_data';


    Morris.Bar(branchConfig).on('click', function(i, row) {
        console.log(row);
        
    });