title: How can I align the scale on my HighCharts graph with the axis rather than the margins?
body: <p>By default, the scale for the x-axis and y-axis are on the bottom &amp; left of the chart, respectively, as you can see here: <a href="http://jsfiddle.net/z7eyv/60/" rel="nofollow noreferrer">http://jsfiddle.net/z7eyv/60/</a></p>
  
  <p>I want them adjacent to the plot lines (the x- and y-axis). Here's an illustration of what I'm hoping to achieve: <a href="https://imgur.com/a/tf53t" rel="nofollow noreferrer">imgur.com/a/tf53t</a></p>
  
  <p>I know that I can use offset: to move the scales to a specific pixel location, but they no longer align to the plot lines if I change the maximum/minimum values on either axis.</p>
  
  <p>I labeled where I think offset should go in the code below, but I'm not sure what to type after it.</p>
  
  <p>Here's the specific part of the code in question:</p>
  
  <pre><code>yAxis: {
  min: -20,
    max: 20,
    tickInterval: 1,
      endOnTick: false,
  
      title: {
          text: ''
      },
      plotLines: [{
          value: 0.1,
          width: 1,
          color: 'black'}]
  },
   plotOptions: {
          series: {
              states: {
                  hover: {
                      enabled: false,
                      halo: {
                          size: 0
                      }
                  }
              }
          }
      },
    xAxis: {
    min: -20,
    max: 14,
    tickInterval: 1,
     gridLineWidth: 1,
      endOnTick: false,
      offset: //???????????????????????????????????????
      title: {
          text: '', 
  
      },
      plotLines: [{
          value: 0.1,
          width: 1,
          color: 'black'}]
  },
  </code></pre>