commit fcbe10601937ab094c073ea26c4d1be111aca5bb
parent 8f3999af38812804c0515ad4490bd4e923d38eb4
Author: Felicitus <felicitus@felicitus.org>
Date: Sun, 11 Sep 2011 13:13:15 +0200
Eye candy for the charts
Diffstat:
2 files changed, 12 insertions(+), 14 deletions(-)
diff --git a/frontend/js/Components/Statistics/StatisticsChart.js b/frontend/js/Components/Statistics/StatisticsChart.js
@@ -3,14 +3,10 @@ Ext.define('PartKeepr.StatisticsChart', {
animate: true,
shadow: true,
+ style: 'border: 1px solid #AAA;background-color: white;box-shadow: 5px 5px 0px #aaa',
legend: {
position: 'right'
},
-
- background: {
- fill: '#fff'
- },
-
theme: 'Base',
series: [{
type: 'line',
@@ -77,7 +73,12 @@ Ext.define('PartKeepr.StatisticsChart', {
grid: {
odd: {
opacity: 1,
- fill: '#ddd',
+ fill: '#eee',
+ stroke: '#bbb',
+ 'stroke-width': 0.5
+ },
+ even: {
+ opacity: 1,
stroke: '#bbb',
'stroke-width': 0.5
}
@@ -93,7 +94,8 @@ Ext.define('PartKeepr.StatisticsChart', {
position: 'bottom',
aggregateOp: "avg",
fields: ['start'],
- title: i18n("Date")
+ title: i18n("Date"),
+ grid: true
};
this.axes = [ this.axis1, this.axis2 ];
@@ -117,12 +119,6 @@ Ext.define('PartKeepr.StatisticsChart', {
session :PartKeepr.getApplication().getSession()
}
},
- listeners: {
- load: function (store) {
- console.log("FOO");
- console.log(store);
- }
- },
autoLoad: false
});
diff --git a/frontend/js/Components/Statistics/StatisticsChartPanel.js b/frontend/js/Components/Statistics/StatisticsChartPanel.js
@@ -3,11 +3,13 @@ Ext.define('PartKeepr.StatisticsChartPanel', {
title: i18n("Statistics Chart"),
layout: 'anchor',
+ bodyStyle: 'background:#DBDBDB;padding: 15px;',
initComponent: function () {
- this.chart = Ext.create("PartKeepr.StatisticsChart", { anchor: '100% -50' });
+ this.chart = Ext.create("PartKeepr.StatisticsChart", { anchor: '100% -60' });
this.dateSelector1 = Ext.create("Ext.form.field.Date", {
+ style: 'margin-top: 10px',
fieldLabel: i18n("From"),
listeners: {
change: Ext.bind(this.onDateChanged, this)