Problem with padding / margin on Ticks and scaleLabels

[AnghelGabriel]

I have this screen and i want to do the following.
A: custom spacing between scaleLabel and Ticks text.
B: custom spacing between scaleLabel and axis.
C: custom spacing between scaleLabel and Ticks.

I managed to do B: by using this code

 scales:{
           xAxes: [{
             display:true,
             gridLines:{
               display:true,
               zeroLineWidth:1,
               zeroLineColor:'#f5f4f0',
               color:"#f5f4f0",
               tickMarkLength:25,
               //drawBorder:false,
               drawTicks:false
             },
             ticks:{
               stepSize:5000,
               fontSize:14,
               fontStyle:"normal"
             },
             scaleLabel:{
               display:true,
               labelString:"Visitors",
               fontSize:14,
               fontStyle:'bold',
               fontColor:'#363532',
               paddingTop:30
             }
           }]
}

Basically i set drawTicks to false and added tickMarkLenght to 25 but i encountered the following problem as see in the picture.

Can anybody point me in the right direction?
How can i customize scaleLabels padding / margins as how can i customize Ticks text margins / padding.
Also will be nice for an answer for the ABC problems i'm facing.

Thanks.

[etimberg]

@AnghelGabriel I believe this is fixed in #3553 If you'd like to give it a try you can sync down the master branch and build using gulp build

[AnghelGabriel]

What about the other things.
Is there an option for custom paddings? For Example custom padding between Visitors and Ticks as to Custom padding between Channel and Ticks.?

[AnghelGabriel]

I also upgraded to Chart.js v2.4.0 using bower. And the Visitors problems is still present.

[etimberg]

The fix in #3553 was not included in v2.4.0 so it will still occur there.

There is currently no option for custom padding for the axis title. There might be some ways to fake it out, but I wouldn't recommend investigating them

[AnghelGabriel]

I tried the fix and it did not solve the problem.So to try to recap.
The problems is seen when i try to add some padding to ticks by setting
tickMarkLength:25;
with
drawTick:false
EX:

gridLines:{
   display:true,
   zeroLineWidth:1,
   zeroLineColor:'#f5f4f0',
   color:"#f5f4f0",
   tickMarkLength:25,
   drawTicks:false
}

[etimberg]

I think spaces 'A' and 'C' are configurable with #4387

[dhniels]

Im having the same problem with the scaleLabel where I am using it in place of the ticks.

I set padding and paddingTop to 0 within the scaleLabel property, but it seems that is the default value as it remains unchanged visaully?

Obviously there is no such thing as negative padding, so that wont work. Really all I'm trying to do is reduce the huge amount of space between the scale labels and the actual axes.

The gap between them is just wasted space (I'm using this chart inside a small container) and looks awkward. I'd like to be able to tuck those labels in within 2 or 3 pixels of the axis lines.

[potion-cellar]

@dhniels
Really late to the party, but have you tried negative padding? Chart.js does let you use negative padding for ticks and labels. That is how I get rid of excessive whitespace in my chart labels.