Проблема со сплайном Highcharts, неправильно расположенным - PullRequest
0 голосов
/ 08 мая 2018

У меня проблема со сплайновой диаграммой Highcharts, я в основном рисую диаграмму CPU / RAM, получая значения из моего NAS API.

Это в основном график.

enter image description here

И, как вы можете видеть, это значение является правильным ( 6 ).

enter image description here

Это не так, 3 , конечно, ниже, чем 6 , но отображается выше, чем 3 .

enter image description here

И здесь вы можете увидеть значение 1 , которое рисуется около 24% (значение ОЗУ).

enter image description here

Это создание диаграммы:

Highcharts.chart({
        title: {
            text: 'CPU and RAM'
        },
        chart: {
            renderTo: 'cpu-memory-chart',
            type: 'spline',
            animation: Highcharts.svg
        },
        plotOptions: {
            series: {
                stacking: 'normal',
                shadow: false,
                groupPadding: 0,
                pointPadding: 0.2,
                animation: 1000
            },
            spline: {
                marker: {
                    enabled: false
                }
            }
        },
        yAxis: {
            title: '%',
            max: 100,
            min: 0
        },
        xAxis: {
            type: 'datetime',
            tickInterval: 1000,
            labels: {
                /*style: {
                    color: '#aaa'
                }*/
                enabled: false
            }
        },
        exporting: {
            enabled: false
        },
        colors: ['#4CAF50', '#1F80ED'],
        series: [
            {
                name: "CPU",
                pointInterval: 1000,
                pointStart: (new Date()).getTime()
            },
            {
                name: "RAM",
                pointInterval: 1000,
                pointStart: (new Date()).getTime()
            }
        ]
    });
}

А вот как я обновляю очки:

(обратите внимание, что data является результатом вызова API, а cpuRamSeries является серией диаграммы)

if(points < 10){
                points++;
                cpuRamSeries[0].addPoint([(new Date()).getTime(), data.cpu]);
                cpuRamSeries[1].addPoint([(new Date()).getTime(), data.ram]);
            }else{
                cpuRamSeries[0].addPoint([(new Date()).getTime(), data.cpu], false, true);
                cpuRamSeries[1].addPoint([(new Date()).getTime(), data.ram], false, true);
                cpuRamChart.redraw();
            }

Это моя первая попытка с Highcharts, поэтому я не знаю, в чем проблема. Любой совет приветствуется:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...