Skip to content
Snippets Groups Projects
Commit f44d7236 authored by Richard's avatar Richard
Browse files

worked on charts, with little succes:)

parent 5b955003
No related branches found
No related tags found
No related merge requests found
Showing
with 2989 additions and 8 deletions
......@@ -16,7 +16,7 @@ Ext.application({
],
views: ['Main', "Home", "Simulation", "List", 'Map', 'StepsOverlay', 'OptionsPanel',
'SimulationList', 'LsmSimulationList'],
'SimulationList', 'LsmSimulationList', 'Chart'],
icon: {
57: 'resources/icons/Icon.png',
......
var drawComponent = new Ext.draw.Component({
items: [{
type: 'circle',
fill: '#79BB3F',
radius: 100,
x: 100,
y: 100
}]
});
Ext.define('app.view.Chart', {
extend: 'Ext.Panel',
xtype: 'chartpanel',
config: {
items: [drawComponent]
}
});
// (function(){
// var drawComponent = new Ext.draw.Component({
// items: [{
// type: 'circle',
// fill: '#79BB3F',
// radius: 100,
// x: 100,
// y: 100
// }]
// });
// new Ext.Panel({
// fullscreen: true,
// items: [drawComponent]
// });
// })();
......@@ -7,14 +7,11 @@ Ext.define("app.view.List",
extend: "Ext.navigation.View",
xtype: 'listpanel',
requires: [
'Ext.data.Store', 'Ext.dataview.List', 'Ext.Map'
],
title: 'Simulations',
config: {
navigationBar:
{
title: 'simulations',
......@@ -29,15 +26,15 @@ Ext.define("app.view.List",
ui: ['square'],
}]
},
items: [
{
{
title: 'city\'s',
id: 'cities',
xtype: 'list',
ui: 'round',
itemTpl: '<div>{name}</div>',
store: 'SimulationStore',
}],
}],
},
});
\ No newline at end of file
......@@ -3,6 +3,7 @@ Ext.define('app.view.LsmSimulationList', {
xtype: 'LsmSimulationList',
id: 'lsmsimulation-list',
config: {
title: 'lsm',
store: 'LsmStore',
itemTpl: '{submitted}',
}
......
......@@ -8,12 +8,14 @@ Ext.define("app.view.Main", {
items: [
{
xtype: 'listpanel',
width: '20%',
style: 'border-right: 1px solid #373737',
flex: 1,
},
{
//xtype: 'chartpanel',
xtype: 'simulationpanel',
flex: 2
}],
......
......@@ -8,6 +8,7 @@ Ext.define('app.view.SimulationList', {
scrollable: {
momentum: false
},
title: 'Floods',
fullscreen: true,
store: 'SimulationsSummary',
itemTpl: '<div><img class="map_thumb" id="{test_id}_map"' +
......
......@@ -19,7 +19,7 @@ Ext.define('app.view.StepsOverlay', {
direction:'right',
},
hidden: true,
hidden: true,
width: 220,
height: 130,
scroll: false,
......
......@@ -122,6 +122,7 @@
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script id="microloader" type="text/javascript" src="sdk/microloader/development.js"></script>
<script type="text/javascript" src="sdk/touch-charts-debug.js"></script>
</head>
<body>
<div id="appLoadingIndicator">
......
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
www/resources/css/bg.png

10.7 KiB

chart axis[position=left] grid even{opacity:1;fill:#ddd;stroke:#bbb;stroke-width:1}
<<<<<<< HEAD
chart{colors:#115fa6 #94ae0a #a61120 #ff8809 #ffd13e #a61187 #24ad9a #7c7474 #a66111}chart axis{color:#354f6e;fill:#354f6e;stroke:#ccc;stroke-width:1}chart axis label{color:#354f6e;fill:#354f6e;font:12px Helvetica,Arial,sans-serif;font-weight:bold;spacing:2;padding:5}chart axis title{font:18px Helvetica,Arial,sans-serif;color:#354f6e;fill:#354f6e;padding:5}chart axis[position=left] title{rotate:0 0 270}chart axis[position=right] title{rotate:0 0 270}chart axis[position=radial]{fill:none}chart axis[position=radial] label{font:10px Helvetica,Arial,sans-serif;text-anchor:middle}chart axis[position=gauge]{fill:none}chart axis[position=gauge] label{font:10px Helvetica,Arial,sans-serif;text-anchor:middle}chart series{stroke-width:1}chart series label{font:12px Helvetica,Arial,sans-serif;fill:#333;display:none;field:name;minMargin:50;orientation:horizontal}chart series:nth-child(1){fill:#115fa6}chart series:nth-child(2){fill:#94ae0a}chart series:nth-child(3){fill:#a61120}chart series:nth-child(4){fill:#ff8809}chart series:nth-child(5){fill:#ffd13e}chart series:nth-child(6){fill:#a61187}chart series:nth-child(7){fill:#24ad9a}chart series:nth-child(8){fill:#7c7474}chart series:nth-child(9){fill:#a66111}chart marker{stroke:#fff;stroke-width:1;type:circle;fill:#000;radius:5;size:5}chart marker:nth-child(1){fill:#115fa6;type:circle}chart marker:nth-child(2){fill:#94ae0a}chart marker:nth-child(3){fill:#a61120}chart marker:nth-child(3){fill:#a61120}chart marker:nth-child(4){fill:#ff8809}chart marker:nth-child(5){fill:#ffd13e}chart marker:nth-child(6){fill:#a61187}chart marker:nth-child(7){fill:#24ad9a}chart marker:nth-child(8){fill:#7c7474}chart marker:nth-child(9){fill:#a66111}chart interaction[type=piegrouping] slice{stroke:#0d75f2;stroke-width:2;fill:#0d75f2;opacity:0.5}chart interaction[type=piegrouping] handle{stroke:#0d75f2;stroke-width:2;fill:#0d75f2}
=======
chart{colors:#115fa6 #94ae0a #a61120 #ff8809 #ffd13e #a61187 #24ad9a #7c7474 #a66111}chart axis{color:#354f6e;fill:#354f6e;stroke:#cccccc;stroke-width:1}chart axis label{color:#354f6e;fill:#354f6e;font:12px Helvetica, Arial, sans-serif;font-weight:bold;spacing:2;padding:5}chart axis title{font:18px Helvetica, Arial, sans-serif;color:#354f6e;fill:#354f6e;padding:5}chart axis[position=left] title{rotate:0 0 270}chart axis[position=right] title{rotate:0 0 270}chart axis[position=radial]{fill:none}chart axis[position=radial] label{font:10px Helvetica, Arial, sans-serif;text-anchor:middle}chart axis[position=gauge]{fill:none}chart axis[position=gauge] label{font:10px Helvetica, Arial, sans-serif;text-anchor:middle}chart series{stroke-width:1}chart series label{font:12px Helvetica, Arial, sans-serif;fill:#333;display:none;field:name;minMargin:50;orientation:horizontal}chart series:nth-child(1){fill:#115fa6}chart series:nth-child(2){fill:#94ae0a}chart series:nth-child(3){fill:#a61120}chart series:nth-child(4){fill:#ff8809}chart series:nth-child(5){fill:#ffd13e}chart series:nth-child(6){fill:#a61187}chart series:nth-child(7){fill:#24ad9a}chart series:nth-child(8){fill:#7c7474}chart series:nth-child(9){fill:#a66111}chart marker{stroke:#fff;stroke-width:1;type:circle;fill:#000;radius:5;size:5}chart marker:nth-child(1){fill:#115fa6;type:circle}chart marker:nth-child(2){fill:#94ae0a}chart marker:nth-child(3){fill:#a61120}chart marker:nth-child(3){fill:#a61120}chart marker:nth-child(4){fill:#ff8809}chart marker:nth-child(5){fill:#ffd13e}chart marker:nth-child(6){fill:#a61187}chart marker:nth-child(7){fill:#24ad9a}chart marker:nth-child(8){fill:#7c7474}chart marker:nth-child(9){fill:#a66111}chart interaction[type=itemcompare] circle{fill:#faa;stroke:#000;radius:5}chart interaction[type=itemcompare] line{stroke:#000;stroke-width:3}chart interaction[type=itemcompare] arrow{fill:#000;radius:8}chart interaction[type=piegrouping] slice{stroke:#0099ff;stroke-width:2;fill:#0099ff;opacity:0.5}chart interaction[type=piegrouping] handle{stroke:#0099ff;stroke-width:2;fill:#0099ff}
>>>>>>> dc64e02f235a532fb0b0649ab1bcc08856972235
chart[cls=area1] axis[position=left] grid even{opacity:1;fill:#ddd;stroke:#bbb;stroke-width:1}chart[cls=area1] axis[position=bottom] label{rotate:45}chart[cls=area1] series{opaciy:0.93}chart[cls=bar1] axis[position=bottom] grid{stroke:#ccc}chart[cls=column1]{background:#111}chart[cls=column1] axis{stroke:#eee;fill:#eee}chart[cls=column1] axis label{fill:#fff}chart[cls=column1] axis title{fill:#fff}chart[cls=column1] axis[position=left] grid odd{stroke:#555}chart[cls=column1] axis[position=left] grid even{stroke:#555}chart[cls=column1] series label{fill:#fff;font:17px Arial;display:insideEnd;text-anchor:middle;orientation:horizontal}chart[cls=barcombo1] axis[position=bottom] grid{stroke:#ccc}chart[cls=piecombo1]{padding:20}chart[cls=piecombo1] series label{display:rotate;contrast:true;font:14px Arial}chart[cls=gaugecombo1]{padding:30}chart[cls=gaugecombo1] axis{stroke:#ccc}chart[cls=gaugecombo1] axis label{font:15px Arial}chart[cls=radarcombo1]{padding:20}chart[cls=radarcombo1] axis{stroke:#ccc;fill:none}chart[cls=radarcombo1] axis label{font:11px Arial;text-anchor:middle}chart[cls=radarcombo1] series{opacity:0.4}chart[cls=linecombo1]{padding:20}chart[cls=linecombo1] axis[position=left] grid{stroke:#ccc}chart[cls=linecombo1] marker{size:4;radius:4;stroke-width:0}chart[cls=linecombo1] series:nth-child(1) marker{type:cross}chart[cls=linecombo1] series:nth-child(2) marker{type:circle}chart[cls=linecombo1] series:nth-child(3) marker{type:circle}chart[cls=line1] axis[position=left] grid odd{opacity:1;fill:#ddd;stroke:#bbb;stroke-width:0.5}chart[cls=pie1]{padding:10}chart[cls=pie1] series label{display:rotate;contrast:true;font:24px Helvetica, Arial, sans-serif}chart[cls=radar1]{padding:20}chart[cls=radar1] axis{stroke:#ccc;fill:none}chart[cls=radar1] axis label{font:11px Arial;text-anchor:middle}chart[cls=radar1] series{opacity:0.4}chart[cls=scatter1]{padding:40}chart[cls=scatter1] axis[position=left] grid odd{opacity:1;fill:#ddd;stroke:#bbb;stroke-width:0.5}chart[cls=scatter1] marker{size:8;radius:8}chart[cls=stock1] axis label{font:12px Arial}chart[cls=stock1] axis[position=left] grid{stroke:#ccc}chart[cls=stock1] axis[position=bottom] grid{stroke:#ccc}
chart{colors:linear-gradient(45, #d42828,#750e0e) linear-gradient(45, #b4d82a,#5e720d) linear-gradient(45, #2bdd73,#0e7538) linear-gradient(45, #2d75e2,#0e3875) linear-gradient(45, #bb2dde,#550a67);background:linear-gradient(45, #444444,#111111)}chart series{stroke-width:2}chart series:nth-child(1){fill:linear-gradient(0, #d42828,#750e0e)}chart series:nth-child(2){fill:linear-gradient(0, #b4d82a,#5e720d)}chart series:nth-child(3){fill:linear-gradient(0, #2bdd73,#0e7538)}chart series:nth-child(4){fill:linear-gradient(0, #2d75e2,#0e3875)}chart series:nth-child(5){fill:linear-gradient(0, #bb2dde,#550a67)}chart axis{stroke:#555;fill:#555}chart axis label{fill:#eee}chart axis title{fill:#eee}
chart{colors:linear-gradient(45, #d42828,#750e0e) linear-gradient(45, #b4d82a,#5e720d) linear-gradient(45, #2bdd73,#0e7538) linear-gradient(45, #2d75e2,#0e3875) linear-gradient(45, #bb2dde,#550a67);background:#111}chart axis{stroke:#eee;fill:#eee}chart axis label{fill:#eee}chart axis title{fill:#eee}
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment