jQuery setInterval, показывающий предупреждение о нарушении - PullRequest
Новая
       5

jQuery setInterval, показывающий предупреждение о нарушении

0 голосов
/ 22 декабря 2018

Я использую amChart.js для отображения некоторых графиков.Поэтому я хочу обновить график с помощью setInterval.Когда я добавил setInterval, он показывает бесконечные ошибки предупреждения в консоли.

Предупреждающие ошибки:

amcharts.js: 1 [Нарушение] Добавлен непассивный слушатель события в блокирующее прокрутку событие mousewheel.Пометьте обработчик событий как пассивный, чтобы сделать страницу более отзывчивой.См. https://www.chromestatus.com/feature/5745543795965952

[Нарушение] Обработчик 'load' занял 1223ms

50 [Нарушение] Принудительное перекомпонование при выполнении JavaScript заняло ms fav-1.png: 1 GET http://localhost/doha-oasis/wp-content/uploads/2018/10/fav-1.png404 (Не найдено)

98 [Нарушение] Обработчик 'setInterval' занял ms amcharts.js: 1 [Нарушение] Обработка события ввода 'mousewheel' была отложена на

3574 мс из-за основногонить занята.Считайте обработчик событий «пассивным», чтобы сделать страницу более отзывчивой.

Сценарий: 

<script type="text/javascript">
CompleteF9();

function CompleteF9() {
    fetchdata3();

    function fetchdata3() {
        var htHum_det = jQuery.ajax({
            url: '<?php bloginfo('
            template_directory ')?>/ajax-wellness.php',
            type: 'post',
            data: {
                'table_name1': 'table1',
                'table_name2': 'table2',
                'table_name3': 'table3',
                'table_name4': 'table4',
                'table_name5': 'table5',
                'table_name6': 'table6',
                'table_name7': 'table7',
                'table_name8': 'table8',
                'table_name9': '',
                'flag': 'eight'
            },
            dataType: 'json',
            async: false,
            success: function(result) {
                bCO2Call3(result.dataProvider);
            },
            error: function(ts) {
                alert("Error:" + ts.responseText);
            }
        });
    }

    $(document).ready(function() {
        setInterval(fetchdata3, 2000);
    });
    var chart = AmCharts.makeChart("htHum", {
        "type": "serial",
        "theme": "black",
        "dataProvider": "",
        "mouseWheelZoomEnabled": true,
        "zoomOutOnDataUpdate": false,
        "valueAxes": [{
            "logarithmic": true,
            "dashLength": 1,
            "gridAlpha": 0.2,
            "guides": [

                {
                    "dashLength": 6,
                    "label": "AVERAGE(65%RH)",
                    "fontSize": 10,
                    "inside": true,
                    "position": "right",
                    "lineColor": "#fff",
                    "lineAlpha": 1,
                    "value": 65,
                }
            ],
            position: "left"
        }],
        "gridAboveGraphs": true,
        "startDuration": 0.2,
        "graphs": [{
            "title": "Hotel Tower F5",
            "theme": "light",
            "balloonText": "[[title]]: <b>[[value]]%RH</b>",
            "valueField": "value1"
        }, {
            "title": "Hotel Tower F23",
            "balloonText": "[[title]]: <b>[[value]]%RH</b>",
            "valueField": "value2"
        }, {
            "title": "Hotel Tower F24",
            "balloonText": "[[title]]: <b>[[value]]%RH</b>",
            "valueField": "value3"
        }, {
            "title": "Hotel Tower F25",
            "balloonText": "[[title]]: <b>[[value]]%RH</b>",
            "valueField": "value4"
        }, {
            "title": "Hotel Tower F26",
            "balloonText": "[[title]]: <b>[[value]]%RH</b>",
            "valueField": "value5"
        }, {
            "title": "Hotel Tower F27",
            "balloonText": "[[title]]: <b>[[value]]%RH</b>",
            "valueField": "value6"
        }, {
            "title": "Hotel Tower TF1",
            "balloonText": "[[title]]: <b>[[value]]%RH</b>",
            "valueField": "value7"
        }, {
            "title": "Hotel Tower TF2",
            "balloonText": "[[title]]: <b>[[value]]%RH</b>",
            "valueField": "value8"
        }],
        "chartCursor": {
            "categoryBalloonDateFormat": "YYYY-MM-DD JJ:NN:SS",
            "cursorPosition": "mouse",
            "selectWithoutZooming": false,
            "oneBalloonOnly": true
        },
        "dataDateFormat": "YYYY-MM-DD JJ:NN:SS",
        "categoryField": "category",
        "categoryAxis": {
            minPeriod: "ss",
            "parseDates": true
        },
        "titles": [{
            "text": "Hotel Tower Humidity",
            "size": 15
        }],
        "legend": {
            "color": "#fff",
            "valueText": "[[value]]%RH",
            "position": "right",
            "pulled": true,
            "align": "left",
            "labelText": "[[title]]",
            "rollOverGraphAlpha": 20,
            "markerLabelGap": 20
        }
    });

    function bCO2Call3(data) {
        var dataProvider = [];
        chart.dataProvider = data;
        chart.validateData();
    }
}
</script>

Я использую дубликат этого же сценариядля других графиков.

...