我正在创建一个极坐标图,用于显示从烧瓶后端发送的风向。
这里的问题是,尽管图表一直更新到NNW。
到达NNW后,它不再更新。
这是显示卡在NNW方向的照片。 https://photos.app.goo.gl/7zfSeBQJ1wwhbUybA
var chartii;
var categories = ['N', 'NNE', 'NE', 'ENE', 'E', 'ESE', 'SE', 'SSE', 'S', 'SSW', 'SW', 'WSW', 'W', 'WNW', 'NW', 'NNW'];
$(document).ready(function() {
chartii = Highcharts.chart('container2', {
chart: {
polar: true,
type: 'column',
backgroundColor: '#f1f1f1',
events: {
load: requestDataii
}
},
title: {
text: 'Wind Direction'
},
legend: {
enabled: false
},
pane: {
startAngle: 0,
endAngle: 360
},
xAxis: {
min: 0,
max: 360,
tickInterval: 22.5,
labels: {
formatter: function () {
return categories[Math.floor((this.value)/22.5)];
}
}
},
yAxis: {
min: 0,
max: 40,
labels: {
enabled: false
}
},
plotOptions: {
series: {
pointStart: 0,
pointInterval: 22.5,
stacking: 'normal',
shadow: false,
groupPadding: 0,
pointPlacement: 'on'
},
column: {
pointPadding: 0,
groupPadding: 0
}
},
series: [{
data: []
}]
});
});
function requestDataii() {
$.getJSON({
url: '/get2',
success: function(point) {
var series = chartii.series[0],
shift = series.data.length > 0;
chartii.series[0].addPoint([point.direction, 40], true, shift);
setTimeout(requestDataii, 3000);
},
cache: false
});
}
图表应遵循JSON发送的方向,并根据类别进行映射。
我认为映射本身很好,我不知道哪里出了问题。
请帮助我。