Highcharts 不显示所有类别

Question

我正在使用 HighCharts，但我不明白为什么在 yAxis 中没有数据时它不在 xAxis 中显示类别...

我查看了 API 文档并且 showEmpty 等于 true（默认值）...

尽管我的类别多于数据，但如何显示所有类别？

我的js：

        userChart = new Highcharts.Chart({
        chart : {
            renderTo: 'highcharts',
            type: 'line',
            width: 950
        },

        xAxis: {
            categories: ['08:00', '08:30', '09:00', '09:30', '10:00',
                        '10:30', '11:00', '11:30', '12:00', '12:30',
                        '13:00', '13:30', '14:00', '14:30', '15:00',
                        '15:30', '16:00', '16:30', '17:00', '17:30',
                        '18:00'],

        },
        yAxis: {

            min: 0,
            allowDecimals: false,
        },
        series: [{
            name: '1',
            data: data1,
        }],
    });

data1 仅包含 16 个入口，因此 Highcharts 显示 16 个类别...

我该如何解决？

Answer 1

您可以通过告诉 xAxis 无论您有多少数据要显示多少点来做到这一点。这有点像 hack，因为 xAxis 没有确切的值 - 但是，它确实有每个类别的索引值，从 0 开始。所以，你有 21 个类别，这意味着最大索引是 20。然后你 xAxis 属性看起来像：

xAxis: {
    categories: ['08:00', '08:30', '09:00', '09:30', '10:00',
                '10:30', '11:00', '11:30', '12:00', '12:30',
                '13:00', '13:30', '14:00', '14:30', '15:00',
                '15:30', '16:00', '16:30', '17:00', '17:30',
                '18:00'],
    min: 0,
    max: 20
},

Highcharts 不显示所有类别

Highcharts doesn't display all categories

highcharts