Ext.define('pve-rrd-datastore', { extend: 'Ext.data.Model', fields: [ 'used', 'total', 'read_ios', 'read_bytes', 'read_ticks', 'write_ios', 'write_bytes', 'write_ticks', { name: 'read_delay', calculate: function(data) { if (data.read_ios === undefined || data.read_ios === 0 || data.read_ticks == undefined) { return undefined; } return (data.read_ticks*1000)/data.read_ios; } }, { name: 'write_delay', calculate: function(data) { if (data.write_ios === undefined || data.write_ios === 0 || data.write_ticks == undefined) { return undefined; } return (data.write_ticks*1000)/data.write_ios; } }, { type: 'date', dateFormat: 'timestamp', name: 'time' } ] }); Ext.define('PBS.DataStoreStatistic', { extend: 'Ext.panel.Panel', alias: 'widget.pbsDataStoreStatistic', title: gettext('Statistics'), scrollable: true, initComponent: function() { var me = this; if (!me.datastore) { throw "no datastore specified"; } me.tbar = [ '->', { xtype: 'proxmoxRRDTypeSelector' } ]; var rrdstore = Ext.create('Proxmox.data.RRDStore', { rrdurl: "/api2/json/admin/datastore/" + me.datastore + "/rrd", model: 'pve-rrd-datastore' }); me.items = { xtype: 'container', itemId: 'itemcontainer', layout: 'column', minWidth: 700, defaults: { minHeight: 320, padding: 5, columnWidth: 1 }, items: [ { xtype: 'proxmoxRRDChart', title: gettext('Storage usage'), fields: ['total','used'], fieldTitles: [gettext('Total'), gettext('Storage usage')], store: rrdstore }, { xtype: 'proxmoxRRDChart', title: gettext('IOPS'), fields: ['read_ios','write_ios'], fieldTitles: [gettext('Read IOPS'), gettext('Write IOPS')], store: rrdstore }, { xtype: 'proxmoxRRDChart', title: gettext('Delay'), fields: ['read_delay','write_delay'], fieldTitles: [gettext('Read delay'), gettext('Write delay')], store: rrdstore }, ] }; me.listeners = { activate: function() { rrdstore.startUpdate(); }, destroy: function() { rrdstore.stopUpdate(); }, }; me.callParent(); } });