Visualforce gauge step values inside chart

Question

Is there a way to make the step values of a gauge show up on the inside of the gauge chart compared to the outside? I tried using apex:chartLabel and changing the display value but that does not seem to be it.

Example standard controller chart:

Example custom controller chart

I feel like if the values were on the inside then I would not have the clipping issue of the value.

Thoughts?

<apex:page controller="ISOGaugeController2b">
<script>
MyChart1.on('beforeconfig', function(config) {
    config.axes[0].margin=-10;
});
</script>
<apex:chart height="300" width="450" animate="true" data="{!data}">
<apex:axis type="Gauge" position="gauge" title="Dan Test"
    minimum="0" maximum="1000" steps="10">
    <apex:chartLabel display="insideStart"/>
</apex:axis>         
<apex:gaugeSeries dataField="size" donut="50">
</apex:gaugeSeries>
</apex:chart>
</apex:page>

Answer 1

Figured it out, you need to change the margin value in the apex:axis.

Example:

<apex:page controller="ISOGaugeController2b">
<script>
MyChart1.on('beforeconfig', function(config) {
    config.axes[0].margin=-10;
});
</script>
<apex:chart height="300" width="450" animate="true" data="{!data}">
<apex:axis type="Gauge" position="top" title="Dan Test"
    minimum="0" maximum="1000" steps="10" margin="-9"/>          
<apex:gaugeSeries dataField="size" donut="50"/>
</apex:chart>
</apex:page>

Shows up like this: