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
Post a Comment