joyent-portal/legacy/spikes/graphs-matrix/chartjs-whiskers/client/chart/cpu.js

35 lines
768 B
JavaScript
Raw Normal View History

2016-11-18 14:28:37 +02:00
const buildArray = require('build-array');
const Chart = require('./base');
const React = require('react');
const colors = {
user: 'rgb(255, 99, 132)',
sys: 'rgb(255, 159, 64)',
2016-11-21 13:12:22 +02:00
perc: 'rgba(54, 74, 205, 0.2)',
alt: 'rgba(245, 93, 93, 0.2)'
2016-11-18 14:28:37 +02:00
};
module.exports = ({
data = {},
windowSize
}) => {
const datasets = ['perc'].map((key) => {
return {
label: key,
backgroundColor: colors[key],
2016-11-21 13:12:22 +02:00
altBackgroundColor: colors['alt'],
data: buildArray(windowSize).map((v, i) => ((data[i] || {})[key] || { firstQuartile: 0, thirdQuartile: 0, median: 0, max: 0, min: 0 })).reverse()
2016-11-18 14:28:37 +02:00
};
});
return (
<Chart
datasets={datasets}
stacked={true}
labels={datasets[0].data.length}
legend={true}
/>
);
};