其他分享
首页 > 其他分享> > Highcharts实现X轴分组分类

Highcharts实现X轴分组分类

作者:互联网

实现效果

在这里插入图片描述
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]
}]

标签:135.6,148.5,name,分类,js,grouped,分组,Highcharts,categories
来源: https://blog.csdn.net/qq_40585267/article/details/104896165