データを 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>
カテゴリを追加しようとしましたが、うまくいかないようです。