36 lines
707 B
JavaScript
36 lines
707 B
JavaScript
|
const pretty = require('prettysize');
|
||
|
|
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)'
|
||
|
|
};
|
||
|
|
|
||
|
|
module.exports = ({
|
||
|
|
data = [],
|
||
|
|
windowSize
|
||
|
|
}) => {
|
||
|
|
const datasets = [{
|
||
|
|
label: 'disk',
|
||
|
|
backgroundColor: 'rgb(255, 159, 64)',
|
||
|
|
data: buildArray(windowSize).map((v, i) => {
|
||
|
|
return data[i] ? (data[i].total - data[i].free) : 0;
|
||
|
|
})
|
||
|
|
}];
|
||
|
|
|
||
|
|
const labels = buildArray(windowSize).map((v, i) => {
|
||
|
|
return data[i] ? pretty(datasets[0].data[i]) : '';
|
||
|
|
});
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Chart
|
||
|
|
datasets={datasets}
|
||
|
|
labels={labels}
|
||
|
|
legend={true}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|