设置highcharts x轴间隔

设置highcharts x轴间隔

var series_1 = [12, 34, 23, 35, 47, 12, 34, 23, 35, 47, 12, 34, 23, 35, 47,12, 34, 23, 35, 47,12, 34, 23, 35, 47, 12, 34, 23, 35, 47, 12, 34, 23, 35, 47,12, 34, 23, 35, 47,12, 34, 23, 35, 47, 12, 34, 23, 35, 47, 12, 34, 23, 35, 47,12, 34, 23, 35, 47,12, 34, 23, 35, 47, 12, 34, 23, 35, 47, 12, 34, 23, 35, 47,12, 34, 23, 35, 47,12, 34, 23, 35, 47, 12, 34, 23, 35, 47, 12, 34, 23, 35, 47,12, 34, 23, 35, 47,12, 34, 23, 35, 47, 12, 34, 23, 35, 47, 12, 34, 23, 35, 47,12, 34, 23, 35, 47,12, 34, 23, 35, 47, 12, 34, 23, 35, 47, 12, 34, 23, 35, 47,12, 34, 23, 35, 47,12, 34, 23, 35, 47, 12, 34, 23, 35, 47, 12, 34, 23, 35, 47,12, 34, 23, 35, 47,12, 34, 23, 35, 47, 12, 34, 23, 35, 47, 12, 34, 23, 35, 47,12, 34, 23, 35, 47,12, 34, 23, 35, 47, 12, 34, 23, 35, 47, 12, 34, 23, 35, 47,12, 34, 23, 35, 47,];
// 设置x轴间隔（当不同数据时，间隔也不同）x轴最多为10位
var minTickInterval_1 = (series_1.length/10).toFixed(0);
var chart = Highcharts.chart('container', {
	credits: {
		enabled: false // 禁用版权信息
	},
	// 标题
	title: {
		useHTML: true,
		text: '<span style="font-weight: 700">CPU利用率<span style="color: #eaeaea">（%）</span></span>',
		align: 'left',
		// 水平对齐方式
		style: {
			fontSize: '12px',
			'font-weight': 700
		}
	},
	// 副标题
	subtitle: {
		text: ''
	},
	// X轴
	xAxis: {
		title: {
			text: ''
		},
		// 数据项
		categories: [
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
			'11:06:23',
			'12:06:23',
			'13:06:23',
			'13:06:34',
			'13:07:23',
			'14:06:34',
			'15:06:23',
			'16:06:34',
			'17:06:23',
			'18:06:23',
		],
		// 间隔配置参数
		minTickInterval: minTickInterval_1
	},
	// Y轴
	yAxis: {
		title: {
			text: ''
		}
	},
	// 数据列
	series: [{
		name: "CPU利用率",
		color: '#2d8cf0',
		data: series_1,
		// 线宽
		lineWidth: 1,
		cursor: 'pointer', // 鼠标样式
		dashStyle: 'Solid', // 线条样式
		type: 'spline',  // 线条平滑为曲线
	}],
    // 数据列配置 每条折现以不同图标显示（三角形、圆形等） 折现数据上的数据点
    plotOptions: {
        series: {
            marker: {
                radius: 2, // 大小
                enabled: true,  // 为true时，自定义显示 下方label无效
                states: {
                    // 状态
                    hover: {
                        radius: 5,
                        lineWidthPlus: 1
                    }
                }
            },
            // 使用label需去除marke属性
            // label: {
            //     connectorAllowed: true
            // }
            // pointStart: 2010  // 如果没有为数据列中提供x值，则pointStart定义要开始的值。
        }
    },
	// 图例（折线数据名字）
	legend: {
		itemStyle: {
			fontWeight: 400
		}
	},
	tooltip: {
		shared: true,   // 鼠标滑过是否显示全部数据
		crosshairs: false,  // true：鼠标滑过，为长方形背景
		// 配置鼠标划过时标示线
		crosshairs: [
			// 横向标示线
			{
				width: 1,
				color: '#ccc'
			},
		]
	},
	// 响应式
	// responsive: {
	//     rules: [{
	//         // 响应条件
	//         condition: {
	//         },
	//         // 图表配置
	//         chartOptions: {
	//         }
	//     }]
	// }
});