Highcharts不显示所有类别

时间:2015-01-07 16:09:38

标签: highcharts

我正在使用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个类别......

我该如何解决?

1 个答案:

答案 0 :(得分:4)

您可以通过告诉xAxis无论您拥有多少数据,都可以显示多少个点。这有点像黑客,因为xAxis没有确切的值 - 但是,它确实有从0开始的每个类别的索引值。所以,你有21个类别,这意味着最大索引是20.然后你{{ 1}}属性看起来像:

xAxis