Question

我正在使用xAxis标签（不是类别）来删除左/右填充。

    xAxis: {
        //categories: data.categories
        labels: {
            formatter: function () {
                return cat[this.value];
            }
        },
        minPadding: 0,
        maxPadding: 0
    },

在工具提示中，{point.x}向我显示了数字（例如“0”），但我想要标签（例如“Jan”）。

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

如何让它显示标签？

http://jsfiddle.net/9tgjf82e/

Answer 1

您需要将点与其名称相关联，因此您需要格式为[name, y]

的点数

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

示例：http://jsfiddle.net/9tgjf82e/4/

Answer 2

您可以在标题格式中使用point.key。

API Doc

point.key变量包含类别名称，x值或日期时间字符串取决于轴的类型。对于datetime轴，指向point.key 日期格式可以使用tooltip.xDateFormat设置。

但您需要定义xAxis-＆gt;类别。

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>",
},

Updated Fiddle

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

2 个答案: