在Highchart的刻度上应用自定义样式

我想在Highcharts的xAis刻度上应用自定义样式。 我想以圆形而非线条的forms设置刻度。 像ticks.chart.renderer.cirlce();

无法找到完成任务的方法。

Answer 1

您可以包装getMatkPath函数，以呈现另一个tick，请参阅： http ： //jsfiddle.net/Yrygy/83/

 Highcharts.wrap(Highcharts.Tick.prototype, 'getMarkPath', function (prev, x, y, tickLength, tickWidth, horiz, renderer) { return renderer.circle(x, y, tickLength); }); 

编辑：

当使用Highcharts或Highstock中的缩放/平移等时，需要从getMarkPath返回的数据是路径数组（ d为SVG）。

例如： http ： //jsfiddle.net/AVhaL/1/

更新：（2016-01-28）：

在Highcharts 4.2.x中需要新方法（我们应该返回tickmark的路径，而不是渲染对象）：

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