extjs-gpl
Version:
GPL licensed version of Sencha Ext JS
92 lines (83 loc) • 2.16 kB
JavaScript
Ext.define('Admin.view.dashboard.HDDUsage', {
extend: 'Ext.Panel',
xtype: 'hddusage',
ui: 'light',
requires: [
'Ext.chart.CartesianChart',
'Ext.chart.axis.Category',
'Ext.chart.axis.Numeric',
'Ext.chart.series.Area',
'Ext.chart.interactions.PanZoom'
],
height: 130,
layout: 'fit',
title: 'HDD Usage',
cls: 'quick-graph-panel',
header: {
docked: 'bottom'
},
platformConfig: {
'!phone': {
iconCls: 'x-fa fa-database'
}
},
items: [
{
xtype: 'cartesian',
animation : !Ext.isIE9m && Ext.os.is.Desktop,
height: '100%',
width: '100%',
constrain: true,
constrainHeader: true,
background: '#70bf73',
colors: [
'#a9d9ab'
],
bind: {
store: '{hddusage}'
},
axes: [
{
type: 'category',
fields: [
'xvalue'
],
hidden: true,
position: 'bottom'
},
{
type: 'numeric',
fields: [
'yvalue'
],
grid: {
odd: {
fill: '#e8e8e8'
}
},
hidden: true,
position: 'left'
}
],
series: [
{
type: 'area',
style: {
stroke: '#FFFFFF',
'stroke-width': '2px'
},
useDarkerStrokeColor: false,
xField: 'xvalue',
yField: [
'yvalue'
]
}
],
interactions: [
{
type: 'panzoom'
}
]
}
]
});