每次我将数据放入我的 Highcharts 图表时，x 和 y 轴上的类别都是动态的，并且会根据数据进行调整。我希望类别保持不变，我想要：类别：['1'，'10'，'100'，'1000'，'10000'] 沿两个轴。
不管输入的数据如何，有人知道如何使它们保持不变吗？
这是我的图表，但我希望底部和左侧的数字显示 1、10、100、1000、1000'
代码：
<script type="text/javascript">
$(function () {
function newRandomColor() {
var color = [];
color.push((Math.random() * 255).toFixed());
color.push((Math.random() * 255).toFixed());
color.push((Math.random() * 255).toFixed());
color.push((Math.random()).toFixed(2));
var text = 'rgba(' + color.join(',') + ')';
console.log(text);
return text;
}
function newRandomData(n) {
// generate an array of random data
var data = [],
time = (new Date()).getTime(),
i;
for (i = -1 * n; i <= 0; i++) {
var color = newRandomColor();
data.push({
y:Math.random() * 90 + 60,
color: color,
fillColor: color
});
}
return data;
}
$('#chart5').highcharts({
chart: {
type: 'scatter',
marginRight: 130,
marginBottom: 35
},
title: {
text: 'Average vs Max Alarm Rates',
x: -20 //center
},
subtitle: {
text: '',
x: -20
},
xAxis: {
title: {
text: 'Peak alarm rate/10 mins'
},
plotLines: [{
value: 0,
width: 1,
color: '#b51f2b'
}]
},
yAxis: {
title: {
text: 'Average alarm rate/10 mins'
},
plotLines: [{
value: 0,
width: 1,
color: '#b51f2b'
}]
},
tooltip: {
valueSuffix: ' alarms'
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series: [{
color: 'green',
name: 'Alarms',
data: newRandomData(40)
}]
}, function(chart) { // on complete
chart.renderer.image('images/alarmrategrid.png', 57, 41, 635, 248)
.add();
});
});
</script>
我尝试添加类别，但它似乎不起作用。