Highcharts 如何添加类别'；分隔线

我有一个包含多个类别的柱状图：

        xAxis: {
            categories: cat,
            labels: {
                enabled: true
            }
        },

varcat是一个动态生成的类别数组[cat1、cat2、cat3…]

如何将垂直线或条带添加到X轴上的单独类别中？

类似于以下内容：

var cats=['1'，'2'，'3'，'4'，'5'，'6'，'，
‘七’、‘八’、‘九’；
变量颜色=[
“#2f7ed8”，
#0d233a"，
#8bbc21",，
'#910000', 
#1广告",，
'#492970',
"f28f43",，
"77a1e5",，
"c42525",，
"a6c96a"
];
var波段=[]；
对于（变量i=0；i

要创建垂直线，只需将x轴网格线宽度设置为大于0的值

使用

alternateGridColor

属性可以更轻松地完成标注栏，如下所示：

var cats = ['One', 'Two', 'Three', 'Four', 'Five', 'Six',
            'Seven', 'Eight', 'Nine'];

var colors = [
   '#2f7ed8', 
   '#0d233a', 
   '#8bbc21', 
   '#910000', 
   '#1aadce', 
   '#492970',
   '#f28f43', 
   '#77a1e5', 
   '#c42525', 
   '#a6c96a'
];

var bands = [];

for (var i=0; i < cats.length; i++)
{
    bands.push({color: colors[i],
                from:i-0.5,
                to:i+1});
}

$(function () {
    $('#container').highcharts({
        chart: {
        },
        xAxis: {
            categories: cats,
            plotBands: bands
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4],
            color: 'black'
        }]
    });
});