Javascript Highcharts与shared和split tooptip，是否有任何可能设置悬停xAxis标签的样式？

期望： 在xAxis标签上设置我的自定义样式，并取消“默认”样式鼠标悬停后请参见下面的FIDLE

尝试：

是的，我现在可以设置样式，但是“默认”样式不能取消，默认样式“保留”一旦鼠标滑过，尤其是在窄屏幕上

顺便说一句，我这样做是为了通过覆盖Highcharts.hide函数来保持工具提示，这也要感谢StackOverflow：

    (function (H) {
        H.wrap(H.Tooltip.prototype, 'hide', function () {
        });
    }(Highcharts));

为了用clear形象化这个问题，我发布了一些图片：

您可以包装Highcharts.Tooltip.prototype.renderSplitlabels、points方法，并在最后覆盖工具提示属性

Highcharts.wrap(Highcharts.Tooltip.prototype, 'renderSplit', function(p, labels, points) {
  p.call(this, labels, points);

  var tt = this.tt;

  if (tt) {
    // overwriting tooltip box attrs
    tt.attr({
      padding: 20,
      fill: 'red',
      stroke: 'blue',
      'stroke-width': 3,
      r: 4
    });

    // changing the position of the text inside the box
    tt.text.attr({
      y: 50
    })
  }
});

要更改文字样式，可以使用属性

tooltip: {
  split: true,
  headerFormat: '<span style="font-size: 30px; color: white">{point.key}</span>'
},

---

示例：

谢谢兄弟，你救了我的命。为了更好地使用Highcharts，也许我需要更多关于SVG的知识。非常感谢。除了Chrome工具中的调试器和控制台，我怎么能得到更多关于tt的属性，我没有找到任何关于这个的文档。谢谢兄弟，你救了我的命。为了更好地使用Highcharts，也许我需要更多关于SVG的知识。非常感谢。我如何才能获得更多关于tt的属性？例如，除了Chrome工具中的调试器和控制台之外，我没有找到任何关于这方面的文档。不幸的是，您只能通过阅读源代码或尝试理解其他人的示例来了解它。在Highcharts网站上有一个用户展示，可能也会有所帮助。

tooltip: {
  split: true,
  headerFormat: '<span style="font-size: 30px; color: white">{point.key}</span>'
},