title: Getting the tick position and labels for Solid Guage using highcharts
body: <p>I am trying to build a guage using Highcharts.</p>
  
  <p>The part I am unable to achieve is for the needle to touch the pink outer arc.
  To change the font size of the number 8(It should display 8% in a larger font), to print 100% at the right end of the arc and to display some text at the center of the guage.</p>
  
  <p>I tried my best to fix these issues but no luck.
  I appreciate any advice on how to move forward.
  Thanks in advance!</p>
  
  <p><a href="http://jsfiddle.net/q5hgky25/1/" rel="nofollow">http://jsfiddle.net/q5hgky25/1/</a></p>
  
  <pre><code>&lt;script src="http://code.highcharts.com/highcharts.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.highcharts.com/highcharts-more.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.highcharts.com/modules/solid-gauge.src.js"&gt;&lt;/script&gt;
  &lt;div id="business-metrics-guage"&gt;&lt;/div&gt;
  
  $(function() {
      $('#business-metrics-guage').highcharts({
          chart: {
              type: 'solidgauge',
              spacingTop: 0,
              spacingRight: 0,
              spacingBottom: 0,
              spacingLeft: 0,
              plotBorderWidth: 0,
              marginRight: 0,
              marginLeft: 0,
              marginTop: 0,
              marginBottom: 0,
              backgroundColor: 'none'
          },
          tooltip: {
              enabled: false
          },
          title: {
              text: 'Test'
          },
          credits: {
              enabled: false
          },
          pane: {
              size: '140%',
              startAngle: -90,
              endAngle: 90,
              background: {
                  innerRadius: '42%',
                  outerRadius: '41%',
                  backgroundColor: '#000',
                  shape: 'arc'
              }
          },
          plotOptions: {
              solidgauge: {
                  dataLabels: {
                      enabled: false
                  }
              }
          },
          yAxis: {
              labels: {
                  enabled: true,
                  x: 10,
                  y: -10
              },
              //tickPositions: [80, 90],           
              min: 0,
                  max: 50,
                  gridLineColor: 'transparent',
                  lineColor: 'transparent',
                  minorTickLength: 0,
                  tickInterval: 67,
                  tickPositions: [8], //8%
                  tickColor: '#000000',
                  tickPosition: 'inside',
                  tickLength: 50,
                  tickWidth: 2
              },
              series: [{
                  data: [{
                      y: 8,
                      color: '#f95d6f'
                  }], //y 8%
                  dataLabels: [{
                      useHTML: true,
                      format: '&lt;div style="text-align:center"&gt;Total here&lt;/div&gt;'
                  }],
                  radius: '45%'
              }]
          });
      });
  </code></pre>