How to replace label line with dot in highcharts

Question

I am trying to change label line with dot. The part of i want to change i took it in a circle as you see in below picture.

How can I do it in highchart.js ?

Answer 1

In general, it is not supported, but it is very easy to achieve. Simply wrap getMarkPath method and return path you want to use, for example, cirlce:

(function(H){
  H.wrap(H.Tick.prototype, 'getMarkPath', function(p, x, y, tickLength, tickWidth, horiz, renderer) {
    return renderer.symbols.circle(x - tickLength / 2, y - tickLength / 2, tickLength, tickLength);
  });  
})(Highcharts)

Demo: http://jsfiddle.net/9pj3kxr6/2/