javascript - 如何使用 javascript 将自定义类名添加到 Highcharts 中的刻度定位器

Question

我知道是否要为 highcharts 中的任何属性添加类或 ID我可以做一些类似的事情:

yxis:{
     className:"name"
}

但我想将类名添加到 y 轴的属性中例如:

 yAxis: {
            tickPositioner: function(min,max){
                //here want to add class name
                className:"name",
                //end here
                var data = this.series[0].processedYData,
                    ticks = this.getLinearTickPositions(this.tickInterval, min,max);
                //add last point
                val = data[data.length-1]
                ticks.push(data[data.length-1]);
                ticks.sort(function(a,b){ 
                    return a - b;
                })
                return ticks;
            }
        },

Answer 1

要添加自定义 css 类来勾选，您必须包装勾选的 render() 方法。

Highcharts.wrap(Highcharts.Tick.prototype, 'render', function (p) {
  p.call(this);

  var axis = this.axis,
    mark = this.mark,
    tickClassName = axis.options.tickClassName;

  if (tickClassName && mark) {
    mark.addClass(tickClassName, true);
  }
});

然后在选项中设置类名。

  tickClassName: 'my-tick',
  tickWidth: true, // it has to be set to non-negative value, otherwise ticks in y axis will not render

示例:https://jsfiddle.net/hpeq7Lbe/6/

无需包装，您可以为 axis 定义自定义类，然后通过 .custom-class-name .highcharts-tick 访问刻度。

示例:https://jsfiddle.net/hpeq7Lbe/9/