实现效果

1.下载grouped-categories.js。grouped-categories.js地址

2.highchart实例代码：

chart: {
	zoomType: 'xy'
},
subtitle: {
	text: '数据来源: WorldClimate.com'
},
xAxis: [{
	categories: [{
		name: '2016',
		categories: ['1', '2', '3']
	}, {
		name: '2017',
		categories: ['4', '5', '6', '7']
	},{
		name: '2018',
		categories: ['4', '5', '6', '7','10']
	}],
	crosshair: true
}],
series: [{
	data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]