javascript - Highcharts - 添加系列名称作为 X 轴标签

Question

是否可以将系列中每个对象的“名称”键作为 x 轴标签？

    series: [{
        "data": [3570.5],
            "name": "R",
            "id": 0
    }, {
        "data": [3000],
            "name": "S",
            "id": 1
    }, {
        "data": [2500],
            "name": "T",
            "id": 2
    }]

例如，我希望第 1 列的 x 轴标签为“R”，第 2 列的 x 轴标签为“S”，等等。我尝试分配 x 轴类别

xAxis: {categories: ['R', 'S', 'T']}

但只有“R”标 checkout 现在 x 轴上。我还尝试以不同的方式格式化该系列:

        series: [{
        "data": [3570.5, null, null],
        "name": "R",
        "id": 0
    }, {
        "data": [null, 3000, null],
        "name": "S",
        "id": 1
    }, {
        "data": [null, null, 2500],
        "name": "T",
        "id": 2
    }]

但这使我更改系列可见性的难易程度变得复杂，即自动调整两个轴的大小、隐藏完整的列，然后在尝试再次显示时将隐藏的列放回其原始位置。

plotOptions: {
        series: {
            cursor: 'pointer',
            point: {
                events: {
                    click: function () {
                        var id = this.series.options.id;
                        var chart = $('#container').highcharts();
                        var isVisible = chart.get(id).visible;
                        chart.get(id).setVisible(!isVisible);
                    }
                }
            }
        }
    }

http://jsfiddle.net/calanoue/suw6xweh/

Answer 1

您正确设置了 xAxis 类别。但是，您只设置了一个点。 Highcharts 默认指向索引 0(“R”)的那个点。尝试设置 xAxis 类别索引并使用 {x, y} 点格式:

series: [{
    data: [{x:0, y:3570.5}],
        name: "R",
        id: 0
}, {
    data: [{x:1, y:3000}],
        name: "S",
        id: 1
}, {
    data: [{x:2, y:2500}],
        name: "T",
        id: 2
}]

x: 值是您要填充的类别索引。