Javascript 高图网格线显示在缩放上

我正在使用highcharts在我的项目中显示图表。一切都很好，但当我使用缩放按钮时，网格线消失了

有人知道这是什么原因吗

下面是我的代码。与highcharts.com中提供的示例相比，我没有太大的变化

我首先得到了带有网格线的图表，没有任何问题。只有当我使用缩放按钮时，网格线才会消失。highcharts示例中不会出现这种情况

var chart = new Highcharts.StockChart({
        chart: {
            renderTo: <id of my div>
        },
        rangeSelector: {
            buttons: [ 
            {
                type: 'month',
                count: 1,
                text: '1m'
            }, {
                type: 'month',
                count: 6,
                text: '6m'
            }, {
                type: 'year',
                count: 1,
                text: '1y'
            }, {
                type: 'all',
                text: 'All'
            }
            ],
            selected:3,
          inputPosition:{
                    x:25,
                    y:25,
                    align:"left"
             },
            align:"left"
        },
        title: {
            margin:40,
            text: title,
            style:{
                color:"#000",
                fontFamily: "AvenirNextLTW01-MediumC 721311 !important",
                fontWeight:"bold",
                fontSize:"12px"
            }
        },
        scrollbar : {
            enabled : false
        },
        yAxis: [{
            title: {
                text: ytitle
            },
            lineWidth: 2,
        }],
        credits: {
            enabled: false
        },
        exporting: {
            enabled: false
        },
        loading:{
            style: {
                position: 'absolute',
                backgroundColor: 'white',
                opacity: 0.5,
                textAlign: 'center'
            }
        },
        tooltip: 
            {
               valueDecimals: 2,
               style:{
                 fontSize:'9px'
               }
            },
        series: [
        {
            type: 'line',
            color: '#4572A7',
            name: title,
            data: <data array>
        }]
    });

var图表=新的Highcharts.StockChart({
图表：{
renderTo：
},
范围选择器：{
按钮：[
{
键入：“月”，
计数：1，
文字：“1m”
}, {
键入：“月”，
计数：6，
文字：“6m”
}, {
类型：'年'，
计数：1，
文本：“1y”
}, {
键入：“全部”，
文字：“全部”
}
],
选定：3，
输入位置：{
x:25，
y:25，
对齐：“左”
},
对齐：“左”
},
标题：{
差额：40，
正文：标题，
风格：{
颜色：“000”，
fontFamily:“AvenIRNEXTLTTW01 MediumC 721311！重要”，
fontWeight：“粗体”，
字体大小：“12px”
}
},
滚动条：{
已启用：false
},
亚克斯：[{
标题：{
文本：ytitle
},
线宽：2，
}],
学分：{
已启用：false
},
出口：{
已启用：false
},
装载：{
风格：{
位置：'绝对'，
背景颜色：“白色”，
不透明度：0.5，
textAlign:“中心”
}
},
工具提示：
{
数值小数：2，
风格：{
字体大小：'9px'
}
},
系列：[
{
键入：“行”，
颜色：“#4572A7”，
姓名:职务,，
数据：
}]
});

编辑：我在我的网站中使用了以下插件，用于在x轴上对类别进行分组。上面的问题发生在我使用这个插件的任何地方。有人能建议我做些什么改变来解决这个问题吗？或者有人能推荐一个提供此功能的其他插件吗

我在下面的JSFIDLE中使用了这个插件代码，可以重现这个问题。 单击此小提琴中的缩放（1y，6m）按钮，观察网格线正在消失

---

看不到任何问题：您能在jsfiddle.net中重现您的示例吗？因为我们在你的代码中没有数据是的。我自己无法在JSFIDLE中复制这一点。我将在网站完成后发布链接。请查看JSFIDLE I have POSTEDGROUP categories仅适用于highcharts和categories，而不适用于highstock/datetime轴。