How to Add X axis Padding in chart js Line Graph

Question

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 need this Gap ( Red Marked ). How can i achieve this??

Answer 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:

And you will have: