设置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,];
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: ''
},
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
},
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,
states: {
hover: {
radius: 5,
lineWidthPlus: 1
}
}
},
}
},
legend: {
itemStyle: {
fontWeight: 400
}
},
tooltip: {
shared: true,
crosshairs: false,
crosshairs: [
{
width: 1,
color: '#ccc'
},
]
},
});