在 Highcharts drilldown 图表中，X 轴标签的自定义格式即使在最后一级也显示带有下划线的标签

Question

我有一个使用 Highcharts API 绘制的图表，它使用 API 的 DrillDown 功能显示了两个系列和多个级别的数据。当我倾向于使用格式化属性和设置 useHTML 'true' 修改默认的 Axis 标签格式时，即使在最后一级，标签也显示有下划线，这不是预期的行为。

 xAxis: {
        type: 'category',
        labels: {
            rotation: -45,
            formatter: function (e) {
                return '<div class="chartXAxisLabel" title="' + this.value + '" ><span>' + this.value + '</span></div>';
            },
            useHTML: true
        },
        title: {
            enabled: true,
            align: 'high'
        }
    },

问题可以在下面看到fiddle link。

http://jsfiddle.net/6LXVQ/418/

Answer 1

我觉得很奇怪，只有 adding/removing useHTML: true 本身会导致这个问题。 formatter不需要涉及（如this minimal example所示）。

我发现添加这个最少的代码可以解决问题 (JSFiddle example with your code):

xAxis: {
    labels: {
        useHTML: true,
        style: {
            "text-decoration": "none"
        }
    }
}

我不太清楚为什么，但它删除了导致它的 span 元素的下划线。

在 Highcharts drilldown 图表中，X 轴标签的自定义格式即使在最后一级也显示带有下划线的标签

In Highcharts drilldown charts, Custom Formatting of X-Axis label displays the label with underline even in the last level

highcharts