Limit the ScaleGridLines till last point in angular-chart

Question

Having an issue with the angular-chart.js it does display the grid lines even beyond the chart last point.

you can see the grid drawn even after the last point.

Answer 1

Finally got a solution:

Added margin to the class chart-container, need to add this class in angular-chart.css

.chart-container {
    margin-right:22px;
}

Also ensure canvas has the below class which sets the chart width to 100%

.chartWidth {
width:100% !important;
}