Skip to content Skip to sidebar Skip to footer

How To Add X Axis Padding In Chart Js Line Graph

I drawn a Line graph using chart js. it works well but problem is it will start all the lines from 0 but i need some padding between graph line and axis line it. I need like I nee

Solution 1:

From the fiddle you provided, A tricky way will be to push in $scope.labels and $scope.data a null in first position:

$scope.labels.unshift('');
$scope.data[0].unshift(null);
$scope.data[1].unshift(null);

A start you had:

enter image description here

And you will have:

enter image description here

Post a Comment for "How To Add X Axis Padding In Chart Js Line Graph"