angularjs - Remove gridlines in AngularCharts -


i using angularcharts agnularjs wrapper chart.js. want remove grid lines chart there actual line chart only. grids not being removed.

controller

 $scope.labelsx2 = [" ", " ", " ", " time ago ", " ", " ", " "];  $scope.seriesx2 = [' '];  $scope.datax2 = [     [65, 59, 80, 81, 56, 55, 40]  ];   $scope.options = {             scaleshowgridlines : false           };         $scope.labelsx2 = [" ", " ", " ", " time ago ", " ", " ", " "];  $scope.seriesx2 = [' '];  $scope.datax2 = [     [65, 59, 80, 81, 56, 55, 40]  ];   $scope.options = {             scaleshowgridlines : false           };      

chart.html

<canvas id="line" class="chart chart-line" data="datax2" labels="labelsx2" legend="true" series="seriesx2" options="{showtooltips: false}"></canvas> 

you can apply below option remove grid lines.this works me.

$scope.options = {             scales: {                 xaxes: [{                     gridlines: {                         display: false                     }         }],                 yaxes: [{                     gridlines: {                         display: false                     }         }]             }         }; 

thanks.


Comments

Popular posts from this blog

sql - invalid in the select list because it is not contained in either an aggregate function -

Angularjs unit testing - ng-disabled not working when adding text to textarea -

How to start daemon on android by adb -