Chartjs-How to show bar chart labels clearly using ChartJS?

Try setting autoSkip: true. This is how you would do it in normal Chart.JS, not sure how you can do it in Angular2 Chart.js

scales: {
  xAxes: [{
    ticks: {
      autoSkip: true
    }
  }]
}

You can also add minRotation: 30, to rotate the text to increase the text readability

** Edit **

  barChartOptions:any = {
      scaleShowVerticalLines: true,
       scales: {
        xAxes: [{
          ticks: {
            autoSkip: true
          }
         }]
      },
      responsive: true
  };