Highcharts类别don't添加

Highcharts Categories don't add

本文关键字:添加 类别 don Highcharts      更新时间:2023-09-26

我想显示数字'6'类别,但序列中的数据是稳定的。然而所发生的事情是,只有1-5在类别中显示。我该怎么做?请参阅以下代码:

function getchart()
{
$('#container').highcharts({
    chart: {
        type: 'column',
                renderTo: 'container'
    },
title: {
            text: 'Daily Events',
            style: {
                'color': '#06F',
                'font-family': 'Roboto',
                'font-size': '16px',
                'font-weight': 'bold'
            },
            useHTML: true
        },
    xAxis: {
       categories: [
                '1',
                '2',
                '3',
                '4',
                '5',
                '6'
            ]
    },
    yAxis: {
        min: 0,
        title: {
            text: 'No. of Events'
        },
        stackLabels: {
            enabled: true,
            style: {
                fontWeight: 'bold',
                color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
            }
        }
    },
  legend: {
            itemStyle: {
                'color': '#666',
                'font-family': 'Roboto',
                'font-weight': 'normal',
                'font-size': '11px'
            },
            useHTML: true
        },
     tooltip: {
        formatter: function() {
                return '<b>'+ this.series.name +'</b><br/>'+
                this.x +': '+ this.y;
        }
    },
    plotOptions: {
        column: {
        pointWidth: 30,
            stacking: 'normal',
            dataLabels: {
                enabled: true,
                color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                style: {
                    textShadow: '0 0 3px black'
                }
            }
        }
    },
    series: [{
         name: 'Incoming',
        data: [
         {y: 10.4, color: '#FAA961'},  //incoming
          {y: 15.4, color: '#FAA961'}, 
          {y: 20.4, color: '#FAA961'}, 
          {y: 12.4, color: '#FAA961'}, 
          {y: 30.4, color: '#FAA961'}, 
        ],
        color: '#FAA961'
    }, {
        name: 'Ongoing',
        data: [
         {y: 10.4, color: '#438EF7'},  //incoming
          {y: 15.4, color: '#438EF7'}, 
          {y: 20.4, color: '#438EF7'}, 
          {y: 12.4, color: '#438EF7'}, 
          {y: 30.4, color: '#438EF7'}, 
        ],
        color: '#438EF7'
    }, {
        name: 'Finished',
        data: [
         {y: 34.4, color: '#43F752'},  //incoming
          {y: 35.4, color: '#43F752'}, 
          {y: 40.4, color: '#43F752'}, 
          {y: 42.4, color: '#43F752'}, 
          {y: 20.4, color: '#43F752'}, 
        ],
        color: '#43F752'
    }]
});
}

您可以使用x轴的"min"answers"max"值来指定要在图表上显示的类别数组中的最小和最大索引值。

在您的情况下,

min: 0,
max: 5

这是最新的小提琴。