chart is not displaying in Chrome browser.

[vishnu038]

My controller Code

$scope.barChartData = [ { "x":"A", "y":"2"}] json data format.
.controller('StatisticsChartCtrl', function ($scope, $log, $state, ChartService) {

(function initController() {
 ChartService.getGraphDistribtionData({})
 .then(function (response) {

       $scope.barChartData = response;

       $scope.options = {
         data:$scope.barChartData,
         dimensions: {
           y: {
             axis: 'y',
             type: 'bar',
             label: true,
             color: 'green',
             name: 'No. of students'
           },
           x: {
             axis: 'x',
             label: true,
             name: 'Status'
           }
         },
         chart:{
           axis: {
               y: {
                 max:50,
                 tick:{
                   format: d3.format('.0f')
                 },
                 label:{text:'No of Students',
                   position: 'outer-middle'}

               }
             }

         }
       };
     })
  $scope.instance = null;
})();

})

HTML Code

Working fine Firebox browser, but not working with Chrome Browser. After some delay it is coming, that too some time coming , some time not.
Even tried with $scope.apply() in that case reverse happened firefox not worked , chrome started working.

please help me with this.