如何在Highcharts区域图表的工具提示中显示xAxis标签?

如何在Highcharts区域图表的工具提示中显示xAxis标签?,highcharts,Highcharts,我正在使用xAxis标签(不是类别)删除左/右填充 xAxis: { //categories: data.categories labels: { formatter: function () { return cat[this.value]; } }, minPadding: 0, maxPadding: 0 },

我正在使用xAxis标签(不是类别)删除左/右填充

    xAxis: {
        //categories: data.categories
        labels: {
            formatter: function () {
                return cat[this.value];
            }
        },
        minPadding: 0,
        maxPadding: 0
    },
在工具提示中,
{point.x}
显示数字(如“0”),但我需要标签(如“Jan”)

工具提示:{
分享:是的,
是的,
pointFormat:“{series.name}:{point.y:.0f}({point.percentage:.1f}%)
”, 标题:“{point.x}

”, },
我怎样才能让它显示标签


您可以使用标题格式的
point.key

point.key变量包含类别名称、x值或日期时间 字符串,具体取决于轴的类型。对于日期时间轴,输入point.key 可以使用tooltip.xDateFormat设置日期格式

但您需要定义xAxis->类别

xAxis: {
    categories : cat,
    labels: {
        formatter: function () {
            return cat[this.value];
         }
    }
},


tooltip: {
    shared: true,
    useHTML: true,
    pointFormat: "{series.name}: {point.y:.0f} ({point.percentage:.1f}%)<br />",
    headerFormat: "<b>{point.key}</b><br><br>",
},
xAxis:{
类别:猫,,
标签:{
格式化程序:函数(){
返回cat[this.value];
}
}
},
工具提示:{
分享:是的,
是的,
pointFormat:“{series.name}:{point.y:.0f}({point.percentage:.1f}%)
”, 标题:“{point.key}

”, },

您需要将点与其名称相关联,因此需要采用
[name,y]

然后,您可以通过headerFormat中的
point.key
访问点的名称


示例:

谢谢,但正如我在第一句中所说的,我们不能使用类别,因为我们不能有任何左/右填充(即图表必须拉伸到全宽)。这比我想象的要复杂得多(我希望它像
{point.xLabel}
,谢谢!)你也会发现飓风的答案很有用。它需要稍微调整以固定记号的位置,因此左/右上没有填充。plotOptions.series.pointPlacement:“on”morganfree您是最棒的!!这就是答案D
xAxis: {
    categories : cat,
    labels: {
        formatter: function () {
            return cat[this.value];
         }
    }
},


tooltip: {
    shared: true,
    useHTML: true,
    pointFormat: "{series.name}: {point.y:.0f} ({point.percentage:.1f}%)<br />",
    headerFormat: "<b>{point.key}</b><br><br>",
},