У меня проблема со сплайновой диаграммой Highcharts, я в основном рисую диаграмму CPU / RAM, получая значения из моего NAS API.
Это в основном график.
И, как вы можете видеть, это значение является правильным ( 6 ).
Это не так, 3 , конечно, ниже, чем 6 , но отображается выше, чем 3 .
И здесь вы можете увидеть значение 1 , которое рисуется около 24% (значение ОЗУ).
Это создание диаграммы:
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, поэтому я не знаю, в чем проблема. Любой совет приветствуется:)