Javascript Highstock仅在用户放大时显示序列

我遇到了海图的一个不寻常的问题。我正在使用stockcharts呈现包含多个系列的图表。每个系列都有很多100或更多的分数。这是生成图表的代码

$('#chart').highcharts('StockChart', {
    chart: {
        zoomType: 'x',
        alignTicks: false,
        backgroundColor: 'rgba(255, 255, 255, 0.1)'
    },
    title: {
        text: 'Google SERP Chart'
    },
    credits: {
        enabled: false
    },
    rangeSelector: {
        buttons: [{
            type: 'hour',
            count: 1,
            text: '1h'
        }, {
            type: 'day',
            count: 1,
            text: '1d'
        }, {
            type: 'month',
            count: 1,
            text: '1m'
        }, {
            type: 'year',
            count: 1,
            text: '1y'
        }, {
            type: 'all',
            text: 'All'
        }],
        inputEnabled: false, // it supports only days
        selected: 4 // all
    },

    xAxis: {
        type: 'datetime',
        title: {
            text: null
        },
        lineWidth: 2,
        minRange: 3600 * 1000,
        labels: {
            formatter: function () {
                return Highcharts.dateFormat('%a %d %b', this.value);
            }
        }
    },
    yAxis: {
        tickInterval: 1,
        title: {
            text: 'Ranking Position'
        }

    },
    series: series
});

这是我得到的图表。请注意，仅绘制了一个系列的图形，而未绘制其他系列的图形。 我一直在尝试做这样的事情 可能是因为图表上有很多点吗？ 我试着进行数据分组，但没有成功

你知道这是什么原因吗

下面是一个复制问题的JSFIDLE

---

好的，我想出来了。我必须将分组宽度设置得更高。 这是小提琴的修理方法

series: {
    dataGrouping: {
        groupPixelWidth: 50
    }
}
}

：）