title: Alter SVG After Highcharts is Redrawn
body: <p>I'm trying to specifically target the first and last x-axis labels, which are <em>text</em> elements, and alter their attributes.</p>
  
  <p>To preface this issue, I was trying to keep the first and last x-axis labels within the confines of the Highcharts container. Unfortunately, they are cutting off in the UI. </p>
  
  <p><img src="https://i.imgur.com/EqN5Qgy.png" alt="Highcharts X-Axis Label UI Bug"></p>
  
  <p>This is my configuration:</p>
  
  <pre><code>        xAxis: [{
              type: 'datetime',
              showFirstLabel: true, 
              showLastLabel: true, 
              labels: { 
                  step: 3,
              formatter: function(){
                  return options.labels[this.value];
              },
                  style: {
                      fontSize: '10px',
                      color: '#9c9c9c'
                  },
                  // x: 5,
                  y: 10
              },
              startOnTick: true,
              // lineColor: 'transparent',
              tickLength: 0,
              minPadding: 0,
              maxPadding: 0
          }],
  </code></pre>
  
  <p>The <code>step</code> key is causing this I realize. Otherwise, I would be able to use <code>overflow:justify</code>, but I wanted the step. So, I then decided that perhaps altering the SVG would be a good solution. It worked when the chart is first loaded, but it does not work when being redrawn.</p>
  
  <p>This was my solution on 'load', which I'd like to replicate on 'redraw':</p>
  
  <pre><code>Highcharts.Chart.prototype.callbacks.push(function(chart){
      $('.highcharts-axis-labels.highcharts-xaxis-labels text').first().attr('x', 25);
      $('.highcharts-axis-labels.highcharts-xaxis-labels text').last().attr('x', 813);
  });
  </code></pre>