Highcharts极坐标图实时更新停滞一圈

时间:2019-04-19 09:10:20

标签: highcharts

我正在创建一个极坐标图,用于显示从烧瓶后端发送的风向。

这里的问题是,尽管图表一直更新到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发送的方向,并根据类别进行映射。

我认为映射本身很好,我不知道哪里出了问题。

请帮助我。

0 个答案:

没有答案