如何用highcharts中的点替换标签行

Question

我正在尝试用点更改标签行。我想改变的部分我把它拿在一个圆圈中，如下图所示。

我怎么能在highchart.js中做到这一点？

Answer 1

一般情况下，它不受支持，但很容易实现。只需包装getMarkPath方法并返回您想要使用的路径，例如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)

演示：http://jsfiddle.net/9pj3kxr6/2/