Skip to content

F
FloodSimulation-Browser
Commit f44d7236 authored by Richard's avatar Richard
Browse files
Options

worked on charts, with little succes:)

parent 5b955003
Show whitespace changes
Inline Side-by-side
Showing with 4036 additions and 8 deletions
www/app.js
View file @ f44d7236
......@@ -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',
......
www/app/view/Chart.js 0 → 100644
View file @ f44d7236
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]
// });
// })();
www/app/view/List.js
View file @ f44d7236
......@@ -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',
......@@ -30,9 +27,9 @@ Ext.define("app.view.List",
}]
},
items: [
{
title: 'city\'s',
id: 'cities',
xtype: 'list',
ui: 'round',
......
www/app/view/LsmSimulationList.js
View file @ f44d7236
......@@ -3,6 +3,7 @@ Ext.define('app.view.LsmSimulationList', {
xtype: 'LsmSimulationList',
id: 'lsmsimulation-list',
config: {
title: 'lsm',
store: 'LsmStore',
itemTpl: '{submitted}',
}
......
www/app/view/Main.js
View file @ f44d7236
......@@ -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
}],
......
www/app/view/SimulationList.js
View file @ f44d7236
......@@ -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"' +
......
www/index.html
View file @ f44d7236
......@@ -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">
......
www/resources/css/android.css 0 → 100644
View file @ f44d7236
This source diff could not be displayed because it is too large. You can view the blob instead.
www/resources/css/apple.css 0 → 100644
View file @ f44d7236
This source diff could not be displayed because it is too large. You can view the blob instead.
www/resources/css/bb6.css 0 → 100644
View file @ f44d7236
This source diff could not be displayed because it is too large. You can view the blob instead.
www/resources/css/chart-themes/AreaExample.css 0 → 100644
View file @ f44d7236
chart axis[position=left] grid even{opacity:1;fill:#ddd;stroke:#bbb;stroke-width:1}
www/resources/css/chart-themes/Base.css 0 → 100644
View file @ f44d7236
<<<<<<< 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
www/resources/css/chart-themes/Demo.css 0 → 100644
View file @ f44d7236
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}
www/resources/css/chart-themes/Energy.css 0 → 100644
View file @ f44d7236
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}
www/resources/css/chart-themes/Fancy.css 0 → 100644
View file @ f44d7236
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}
www/resources/css/energy-demo.css 0 → 100644
View file @ f44d7236
This source diff could not be displayed because it is too large. You can view the blob instead.
www/resources/css/sencha-touch.css 0 → 100644
View file @ f44d7236
This source diff could not be displayed because it is too large. You can view the blob instead.
www/resources/css/touch-charts-demo.css 0 → 100644
View file @ f44d7236
This source diff could not be displayed because it is too large. You can view the blob instead.
www/resources/css/touch-charts-full.css 0 → 100644
View file @ f44d7236
This source diff could not be displayed because it is too large. You can view the blob instead.
www/resources/css/touch-charts.css 0 → 100644
View file @ f44d7236
.x-tab .x-button-icon.area,.x-button .x-button-icon.x-icon-mask.area{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAYAAABxcwvcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNrs2r1KA0EUhmHHVIIgCFaCYCUIVlZW3oHgHXgBVoKVYCVYWVkJgpWVlWBrZWUreAG2giAIgiCs38gEB9nN7uzO7E94D7x1Th7I5hBisiybYSbPLAQggQQSSCCBBBIDEkgggQTSVEykXwGO1a1aAakYKHN9qEM1AikfyO9JbU0Bz7w6aIJUBOR3qRYHiGN3PlFvv++jJlIVoHH2hfYGgrOszt1j4+891EAKAfJ7UOs9xVlTV+ord/dApLpA4+wSp2quJzib6qZ07wCkpkB+L2qnQ5xtdV9534pIMYH82r6tdtVj8J4VkFIBtXVbjdwXx3PtHUuQUgOlvK3sc2/ffbSb7TYBqU2gmLfVgjpSr9F2KkDqCqjJbbWkztR79H1ykLoGCr2tVtWF+ky2xz+kPgGV3VYb6lp9J9/BQ+ojUN5tZR/ud62+tkPqO1CnGYtkjOH/N/x8CxJIIIEEEkgMSCCBBBJIIIHEgAQSSCCBBBJIIDEggQQSSCCBBBIDEkgggQQSSCCBxIAEEkggDWl+BBgA8UOVobTjcu0AAAAASUVORK5CYII=')}.x-tab .x-button-icon.bar,.x-button .x-button-icon.x-icon-mask.bar{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAYAAABxcwvcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKJJREFUeNrs3DkOgDAMBEAW5f9fNpSIgo7DZLZLO1qbwhKpqkWusyKABOmpjOMjyfQLat/R0STjBgkSJEiQBBIkSJAgQYIESSBBujnj9A4STYIECRKk333dut/doknGDRIkSAIJEiRIkCBBgiSQIEGC1CDubpoECRKk5ov7zZNSNMm4QYKEABIkSJAgQYIkkCBBggQJ0iSJH99pEiRIH8omwAAJbgyXvGaB2AAAAABJRU5ErkJggg==')}.x-tab .x-button-icon.column,.x-button .x-button-icon.x-icon-mask.column{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAYAAABxcwvcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKBJREFUeNrs3LEKgCAUhtH+uO//yrYGRiCUZJxvc5IOVweH0lrbdN+OABKkWdV5keSpCyqrglzd0SbJcYMECRIkSJAECRIkSJAgQRKkkWryfks+6pkkSJAgQYIECZIgQYIECRIkSII0Uv3oW1570DNJjhskSJAgQYIkSJAgQYIECZIgQYIECRIkSJAECRIkSJAgQVJf/PjOJEGC9KEOAQYA9hgMkTv0610AAAAASUVORK5CYII=')}.x-tab .x-button-icon.gauge,.x-button .x-button-icon.x-icon-mask.gauge{-webkit-mask-image:url('data:image/png;base64,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')}.x-tab .x-button-icon.line,.x-button .x-button-icon.x-icon-mask.line{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAYAAABxcwvcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABLtJREFUeNrsnH9EZEEcwKeLWI5lWWKJWGJZIvorIo7liIiIiIhYjohjOY44IiIijoiIiIiIJSKWiFgiIiJiWZYlYu99u++r1+x3Zt6+N++93Xa+fP+6t2/mfWa+P+b7naun0WgwI3L5YhAYSAaSgWQgGUgGkoFkhJaAksleS2cNJLkU4NWfBlQAkMYsfUFIdUtHDaSPErf0HgHZ+mhpykB6ly0OkK1XlsYMJMYmBIBsPeh2SF8JM6P0dzdD+svBAMe9aGmNADXdjZByBIh1/LdJR6RrOCLeSDdBSlj6wEG4sbTP8cwKARF+098tkHYIM6Pyom0CVKkDIl7a0k0/kKaID18VPAs7q0g8v9emcMYtPXybp0dICUwSnR98zZkZ9ZtbAlShTcDA3Ocwp/s4R4+Q9rkXPbt0xrB9KwSoyQjhJHChHoWpiwdI0z7znwmEyke8bMhwMugr64rc7qpVSElLn7iXXCrMjJIFYjL3+P6g5ZulJy4S3xNc0Jaj2yFhZl53wBoxsQsPwN1IDBemrABTx8Q44zUFmNXsdKEwd0S8c0cjnCRG3CcFnCd0GUk/eVI/4XBL+KF+V/iamPSKz/cOI+xnBZwbPD7FdCSTx4SZDWla7RQRWV48Rjz4zZkLfwPPfNeZcc8Tgyxr9hmjRJSpuvR3UIFYEuRgPPhd3GVajyUpnCzvXHsDcK5UanEriXgpdP5VBZwqPuf9rKiAdMoNWMOEMCgpCEyjj9t1e0R1gdc7S/O40wI74C4SA/8IIY/ZI8aFpG8Gd7HK31xor1kJIA0SBbOzEM9QbmDwus+C6swIIBUJMxsM8ciQRHNRgYF5bQQ+NwJSnpjMYgQHz6zEKT9gLhWPouiWJszsNMITeo5z0JdYzugNdRYOSDDwORE+ByKu86zh8WU8shk4IC0T23qBGXmDNERkvMeGzkdIJQ5QhXV6/z4ASLyZzRkyckiHhoocUoWFU0LtaEjThogc0oGhIYcElcFEiMMOdQie+GsFAiFNhTCg3bG4cpQ0xtoY0Dyz6/oh/H+3ATxaVASHVTgbttNVnGxTqSZASBOsuU+nui6Yidi0NhhV8dQMyS7Kl1nrRTNn320wZECzTHwX4FkXpDSugqooD03AVQT5IHkOWlZwkzfoi16wc4uSeZy+fptPSFDvcdNXL+FRp49z5Hkm767W0Z/pjryw4/8wcfMSFnCGKpW0YrvQEFD1uWAC0OcadTHhFYljt+tav5iOzsf/SC66KQz+aL1pnBYgZdAEago4YNsFD8ebOIKQmWwFFyjm0SUcM3mXJStLJlXkiy5M6hy3qN/SahxNoaZYiCXm7gZKDOHXJeDn3WTcvCTQBFQX2O2rKsMBONUEBgPZJas7xQfmFG5hm7lpJnCQhvGjVbe/7hFiGEcZiHCbTH5DpMwdzgcw7xLfXmslgUVIM6y5CUBpMaQjjChz32by9vYlphg1SQDIt+wSBJVJvgG4FXE2zDvgHQ9J6q7nvEsC6RYjSZy1p8Ci7buAU2b23UdNRTf7QmWug6o9ELaPBBbwk+m4g4mQqhhJ0qxzZYS9XxU6YjqbqgjpK/s8or3j3GP+fpJazB9PMJAMJAPJQDKQDCQDyQgt/wQYAFd9jwxH1NxkAAAAAElFTkSuQmCC')}.x-tab .x-button-icon.mixed,.x-button .x-button-icon.x-icon-mask.mixed{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAYAAABxcwvcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABABJREFUeNrsm2FkHEEUgGe1jnAcIRzlKCGUEkI4QglHKaGEo4Rwv0LJr1DKEUIopb9KCSGUEkJ/lRJKCUcJRyocRznKsRwhHFfbfc27WnPvZmd3Z+529ubx/tzuzO58O2/mzXvvHM/zmBWxOBaShWQhWUgWkuGQHMdRRc0xFcoIEwvJQrKQLCQLyUKykCwkC8lCspAMhPTH1/tZgfTvh6DCTwq0bvKBdoSJBkjnvt6zkMZrz9ei6aER3ZB2WAZEJ6RzlhHRBenG15LsOyhS4yDVuOeIFu5PswjpC/GcPcE7zPnamCVIrq8PuGc88rUf8h7QpjMrkLYJM2tIDmLF19usQ/pM9F+POIhqliG5hNP4GM0s6iD2swqpyvWb8/VSchALxG+nWYN0Kjkbxsk5QuV3vMusQOoSM2GFM7OwQcC1ozE73u8sQNokzOwq4iCG118R11Yj7HiphPSR6O8wxiCG1we+bhDXX5gKCcxgnvjqgwSQPJw1yxHhpxbSBmFm1zEHwd/XIbx2hn6YMZCOiX7eJvjS1L0N3OH4Ha9pAqQOYWZrIWYWBxLoGXFvCXfUVEOqcO3zvrYSLqyiNofE/WXOxWjg4p4KSJQv806BHxPWbotos4VxqLLEGMsxPfj/KgvpF86aoDxR5BGHteujSceRCxUBPVlI64SZtScEaejZL8axlElBek88/IPCA6hse/DkC4Kg3VQh8WZWURzKiNLHVy5eDufEE9xdpwopKAVcn6YFycN4OTiz3yT6nwqkYw2RQ50ppYlDeqYpUG8cJKr0hqGX3RQskDLiCAaiQhxdfftMHLF3eScnGvNimTC355ozrJkwt+6YYP3Mmts0aiYtJAtJHaSf7K5mwNjdTXf90HIgpPHd1N1t0kVWcDb8kSJIzTRCGsqmIIc3CUhQrbcLB2rdkG4w1JJkvdmWjF2phARRz6KK5KRIW/gVChIQ9jAMLPLFIGW1w8RpbxWQrokAo3JIUAr4NGb0EBKTb4hsDJ9WAqiuYkjw7NdstHBDGaQezoTFuDssYaIHIbMQru3jvUkhQdLz4Zj2EODbTQLpCk0gHwJhAb9S1LNbD9uJ+p/HD3QbA1Kb0bUHwSxLM64LcEbZLSGrGD3oJzzgumhiIlhRYtx9nKlzAvBHcfwkF9eLsAL2HObEGhqiAHDQfikYnEzfUDC2JLi/Rq13MpBqEi9WxK/TnUCopINmnosACXbFaojXf6Eqxs3LGvoUOmoBPIk1pcbE/zYAk68LTDWPa9pAZSJguA3Dy6mqaUzqybcYnQoPkyqTLDeMAqmE65JrUGSSkiXM3yk94K7jjmZi+Ja3gANGF72mPgqgs/9KIB3WZrpi3FaI6J6FFC5/BRgAi5po5H4PGiYAAAAASUVORK5CYII=')}.x-tab .x-button-icon.pie,.x-button .x-button-icon.x-icon-mask.pie{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAYAAABxcwvcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5RJREFUeNrsnEFrE0EUxze1VIRAIKIIiiIUAkJAKESEgiB4EjwVchVy6kkoFAqeAkKhIAj9DJGePBUKCsVSyamnlEoCOYmCtEQqkYJBiO/BLK6b7O5sdt7Mm9198CdputnZ/Jh5O/Pemy2Mx2Mnt3Ar5JBySDmkHBJ3SIVCgbrda6BHoApoEVQVn+Prgng/Ah2L9/jaB/VAB6AzyoubYIIf+EVkS6BNUAebTagyNaT/eBBDKoLWQCcKwLjqUHdzXZBKoJeggUI4rrbTAOk56JQAjqtnNkO6C2oTwkH9ofZHlJBWQENiQKgjHbd8CkivNcBxtWkbJJzPtDQCQj21CdIl0K5mQOiPrtgE6Y1mQKhDXcsQFZAaBgBp80cqIC2DfhuC9NgGSLeJJ4lhutDlj5JCOjQECPVRZ2hkVkgNg4DGYh3IGlKZaKEaR8vcITUNA7oQ8zK2kIoMetGe7nBtXEhrhgGhNrhDOmEAqcYZ0hIDQAPd/igupC0GkHZNpJDiQOowgPSCM6QyA0BjTz6OJaQVJv7I4QBpPuC4imPePmhub1HcrDA7vO/9B2dIB4TnviGmFjUBpubJwrz1QwoabkcMhts9RUAwUfpETErfgb5GZWT8PIIKJvBENw32om+gWzN8b8HTM9xeEndUfAEmd2SGW8mSoVb1wHgIuq+g7aL/g3nZAzXbfohj9fYSimjlxG8PGm6mK7seeJyr37FS2wiYXJaBNGTQm0zZD2ByVQaSacdt0iYc91zAgd+d7NpEqWEQpF6GIfVlIX3OMKTjvCdFW092CoAlxKcZhXQdmJzJrN24BN10qzONyVzMWW/abV8qwOTpSbUM9qTaNCZRKaVuhgB1gzpOFKT1DEFaD4IUtQGnKIJUpZT7op8ifvXLhSTrk1xrZqAXNcOY2FJ6Q52VKSeFhLaaYkirUXd8W8oBtZY9J4GEAfVhigANg5IESUuU6ymCVA/6kSqK3bdTACh0Y6EKSFgv1LIYUMuJqHlStbcEk4B7FgJ67/zbLU4OyQW1YxGgHRlAqiHZ5KNibW6m2l5aZzo9GIbdxXRDQsM0dJsRoLa4JocTJNcahtd6A3ENM5uuhyfggvEV6FwjnHPRZuKaAd2P4cA41AZxhLMr2lAW89INyWsYP95SBKwrzkWyWyBuZJLKsKwGt2dVhXOtiDlMdUo2dSQShn3x9yeHuFbBzyR/yJSE5ZBySDkkbfZXgAEANrY3ss9EovQAAAAASUVORK5CYII=')}.x-tab .x-button-icon.radar,.x-button .x-button-icon.x-icon-mask.radar{-webkit-mask-image:url('data:image/png;base64,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')}.x-tab .x-button-icon.scatter,.x-button .x-button-icon.x-icon-mask.scatter{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAYAAABxcwvcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANJJREFUeNrs3M0JhDAQBlDHBuwg/ZdnB5EchOBBEBJ/4vsg1118ZGYnQTZyzpOcZ0YACRIkSJAgQRJIkHqmHEv2dWOW8tXVWt9sYycpN0iQIEEyAlz++EYrGQGUGyQ9ybFET1JukCBBgjRqov7pjwgihxHATlJu7QZYOwkSJEiQIA06MD1wn9T1kRqt5D5JuUF6bU/6xJ1062OJnqTcIEGCBOk/I8CnX5XpZWMnKTdIjiV6knKDBEkgQeqZ8F8ldhIkSJAgQYIkkCBBggRphGwCDABc7MMc1gAy4gAAAABJRU5ErkJggg==')}.x-android-3 .x-surface-wrap,.x-android-3 .x-surface-wrap > *{-webkit-perspective:1}.x-surface-wrap > *{position:relative;-webkit-transform:matrix(1, 0, 0, 1, 0, 0)}.ext-surface,.x-draw-component{position:relative}.x-spark{position:relative}.x-chart-toolbar{position:absolute;z-index:9;display:-moz-box;display:-webkit-box;display:-ms-box;display:box;padding:.6em}.x-chart-toolbar .x-button{margin:.2em}.x-chart-toolbar[data-side=left],.x-chart-toolbar[data-side=right]{top:0;-moz-box-orient:vertical;-webkit-box-orient:vertical;-ms-box-orient:vertical;box-orient:vertical}.x-chart-toolbar[data-side=left]{left:0}.x-chart-toolbar[data-side=right]{right:0}.x-chart-toolbar[data-side=top],.x-chart-toolbar[data-side=bottom]{-moz-box-orient:horizontal;-webkit-box-orient:horizontal;-ms-box-orient:horizontal;box-orient:horizontal;right:0}.x-chart-toolbar[data-side=top]{top:0}.x-chart-toolbar[data-side=bottom]{bottom:0;-moz-box-orient:horizontal;-webkit-box-orient:horizontal;-ms-box-orient:horizontal;box-orient:horizontal}.x-panzoom-toggle-icon{-webkit-mask-image:url('data:image/png;base64,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')}.x-zooming > .x-panzoom-toggle-icon{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAEn0lEQVRoBeWZWYjNURzH7zWYse+yvcib0uSBpEQikfXBm2QiyZBmauzrA7JkSyN7QolSypRHxYO8iMg+Yx5G1uxblvH5ao7+/u79u3PnnHtO+dWn/37O73PP+f//5/xvOpVKDYWBUIhIN1VyubGx8WkhKsxURzU7GwvIUerqinDKB60y/QIO99VQdiWirx3WkVh0oYTVgw7BHGRfJWbk+GBrx+WreMkehCpk32qHz3At/B25Y7AE2c8+RU3drrv0ESpaGoqspF218DfKluwyZL09oCQYDxctrG6sB9Q6eBOv0Pe27RbWfaqWXRVay5of2rbwRQpWN35vKghtabtLlyI4OZ1O2/4hrf1utoX7ktkBWIx0W2tZWizItrBS6wQboDJEaRfCRnoNK7ORbqMdoYQrYfm1hx1Qpo1QwqWwHNW9d9PKVf+LsDxLYD3SFSFIu25h46juvRHp1WC+ephjBV3mKvyCrN6Bpnr5Rjsu1INsIc5qdS+Ri3ADmS0D3Yf18APyDb2by6FbvgXYuC7pm9YHKpgL7Rguqq4JcB00G9KO5lLHNSOglcrzAXWnsgl/5Nhm6BFNjO3xcBc0K2qOcC3nT4qW5WOdHDIKq2V3Qcavi+yfCc2RfsD5o30Ixuskj7+EJbsT+sdPjm5zfDpIWvd0UkurG4+KXutznVz+EH7O9krolUtSnDcKbkG27n2FYyNyKatQ55DPb2HNYddCTrImQc7XPX0T4tLqxiOhyJwbwpJ8fgnrHbsdBuSTFNeNgYdguvcd1idC63zKc3mNRj3b4CvsoaInLPMKBhMzuHAL6JW1EC5Rnlo9qJDwcHhEcs9amhnS4yhDXymvhSgrvzSJaRlk8AP+GneTY4uTpCjNy0uCFSbBLiSoW0T/Ra1uSY+hrGLKGA2DvQzv1GBJkFhvOAF6CH4CfUhom3RNtmNcp0nLFLgB1YkVZyvE5X6S6glnQN3YIOnlUNKcujlfkxW9NjVWUFlhCZOQZlEa5RnR6FLjhBWQU0vrPBgDl8CUE44wSXWA05HkTJLR5ReO675OlOa4uvE00Hggen0YwiTVEU7GkosmGl3Xf8xboThT92a//gTQOD8uqzL8C5NED/hXy0aFta7urdncH/c023r1jIV7EL/GvzBJ6avm2SzJZUo4uu8N1+meNh8n1LIaRJkHVPRcs+6vhUlMT+PzYJLJZ6mW3gudYQhchaRyqvWr+AqN3/W6aUnoQVcG/UFP+GGQGF5HWoyA+pDdcRiXmKW9g/ty+Wppr7pYSTxlNTubDzWxQ842vQrLCuk6FuVwQduuw7uwBJGuZzELTmnbZQQhLEGkX7KoghPadhXBCDcJNrBcDs7u6aCEaWW9Qx9DBZwD6xGUsOwkTdxndQEc1D6bEZywkUNar6x1YLWlgxVmUFKEbClofGwtghRGVkPeSXAY+lqzpaDghJtkJ5ObJgX9bMqqLJ+Th79cIrJHOKjJgPUIrYWnYrgfnMjq1wumhWld3bN6DXVXYq4iiBZGVvfsUXAqqx/RuzCyi8hDc2J9fHceXrs0svq6uAn0basg4U0Y2UEYzoPboL9YCxG1PwHz6gsWqUp56gAAAABJRU5ErkJggg==')}.x-legend{z-index:10;border:1px solid #cccccc;background:white;overflow:hidden;position:absolute;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;-moz-box-shadow:rgba(255, 255, 255, 0.6) 0 1px 1px;-webkit-box-shadow:rgba(255, 255, 255, 0.6) 0 1px 1px;-o-box-shadow:rgba(255, 255, 255, 0.6) 0 1px 1px;box-shadow:rgba(255, 255, 255, 0.6) 0 1px 1px}.x-legend .x-legend-item{padding:0.8em 1em 0.8em 1.8em;color:#354f6e;fill:#354f6e;background:rgba(255, 255, 255, 0);max-width:20em;min-width:8em;font-size:14px;line-height:14px;font-weight:bold;position:relative}.x-legend .x-legend-item .x-legend-item-marker{width:0.8em;height:0.8em;-moz-border-radius:0.4em;-webkit-border-radius:0.4em;-o-border-radius:0.4em;-ms-border-radius:0.4em;-khtml-border-radius:0.4em;border-radius:0.4em;-moz-box-shadow:rgba(255, 255, 255, 0.3) 0 1px 0, rgba(0, 0, 0, 0.4) 0 1px 0 inset;-webkit-box-shadow:rgba(255, 255, 255, 0.3) 0 1px 0, rgba(0, 0, 0, 0.4) 0 1px 0 inset;-o-box-shadow:rgba(255, 255, 255, 0.3) 0 1px 0, rgba(0, 0, 0, 0.4) 0 1px 0 inset;box-shadow:rgba(255, 255, 255, 0.3) 0 1px 0, rgba(0, 0, 0, 0.4) 0 1px 0 inset;position:absolute;left:.7em;top:1em}.x-legend .x-legend-item:last-child{border:0}.x-legend .x-legend-item.x-dragging{-moz-box-shadow:gray 0 0 0.5em;-webkit-box-shadow:gray 0 0 0.5em;-o-box-shadow:gray 0 0 0.5em;box-shadow:gray 0 0 0.5em}.x-legend .x-legend-item.x-drop-hover{-moz-box-shadow:inset 0 0 0.3em 0 rgba(0, 0, 200, 0.9);-webkit-box-shadow:inset 0 0 0.3em 0 rgba(0, 0, 200, 0.9);-o-box-shadow:inset 0 0 0.3em 0 rgba(0, 0, 200, 0.9);box-shadow:inset 0 0 0.3em 0 rgba(0, 0, 200, 0.9)}.x-legend .x-legend-inactive{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.x-legend.x-legend-horizontal .x-legend-inner > *{display:-webkit-box;-moz-box-orient:horizontal;-webkit-box-orient:horizontal;-ms-box-orient:horizontal;box-orient:horizontal;padding:0 .4em}.x-legend.x-legend-horizontal .x-legend-item{border:0;border-right:1px solid rgba(204, 204, 204, 0.5);white-space:nowrap;max-width:none;min-width:0}.x-legend.x-legend-horizontal .x-legend-item:last-child{border:0}.x-legend-button-icon{-webkit-mask-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAADqklEQVRoBe2aS2jUUBSGO7UPX1UrIj4Wgi8EFYvUlUtdKmp14aMggigidSNIFwWRogtBEFwouHMjrkQRLYIKIqKI6MIufBUsglAQLFqrtHX8/tA7jGnuTHAKzcnkwEcy99ybnj8nuTm5aS6fz9dUk9VWk1hpzQSnPeN1EpjD2DTAdHBZH2N/GEa5zyNvdIZpfBNYsaGacS3NRHwEPoHE/YHXsAsa1ScKfK0wCBpjgTbiDDJ02RPwN9oPQ21aBOvy3QNHIcrm0ngW1kc5LbZJ8GnQPeyzhTjafU5r7RK8LEbQa2L0MdFFgkdjRBqnT4zDTH0XCX5SJgzNvo/K9DHjluAL8BUkLGzKbC/cCjus/q7jcXOHAuIUArpgATSCnsO/4A10Qj/4TAXKCESdMN+YqWrPB5UWf/0aKJPbYQMMwVPo4YS8Y+szFR0PYA5IeJJNV/NATgWFMzKt7BYyjK/kZEX/afSf5cYb2A7/I9hAwBWHqDRXlWWC057uLMNZhlN2BqruknaVlta16knmfJgBqka+wyDFh7eCYozWwRaBlRM3EAgmcJWGm2ArLAHVxm/hIb5eRKuujrKlNKoOnwmqv5NsWuS4pAD1wnAevoAyW4xeHo5Dg0rQMLS3gqVFvN26FA/AIdClGba1NJyAdWGH0d95CT4GyrLPVuPY6XNaa5fgVTGC1itjKkyCvbNwkcLfRfumdyX4WQwFL2L0MdFFgi/C+xLRPsd3u4TflEvP4R7QDH0Q9JjRSZDp2fsYrkCpZR7cZiwXrHhQXGhZZyVshMWgIqIPXsJnX7XFOPXdB6q4LNjNwhIPwasS0edSV1r+RGjJyYohWtNSlaarQgVL0u1HQXDSI52s+Nz9OlnHS/xxMsGJT1GFAWYZrvAEJn54luHEp6jCAIMlHncMConZ7Lusj1B46P+0vDZeeJj6mBYIJnCtSW2BdpgHqpr6aL+K6Ffs+2w5jnNg5XNpt8pJ1cEnoQOaQeWiTAt5H6ET7iF8QunICdHLxn3QlTHBT1vSbK8C2g++hTh9H/4ALdIbhnZri3htul+VXV2SUaZsr4AdUU6LbRLcEiNwvTamwtyMXE6MhfuznIbAL8GlZmF3kDh9XN9EbyX4TJkItd51vUwfM24J1mOlG6JWN/pp7wLN1Omw8cerqqVtcBckXP+ZdwM2Q334ceR+4zP3WHKLeCpAVHVpMU+fTTVJqfCQ+DEERk5aFB4a0wRWbChb07KSqv+NU5NWVVnVCf4LlUj5R3Y0QSkAAAAASUVORK5CYII=')}
www/resources/css/worlddata.css 0 → 100644
View file @ f44d7236
This source diff could not be displayed because it is too large. You can view the blob instead.
www/resources/sass/chart-themes/_Base.scss 0 → 100644
View file @ f44d7236
@import 'include/variables';
chart {
padding: 10;
colors: rgba($chart-blue, $default-fill-alpha) rgba($chart-green, $default-fill-alpha) rgba($chart-red, $default-fill-alpha) rgba($chart-orange, $default-fill-alpha) rgba($chart-yellow, $default-fill-alpha) rgba($chart-purple, $default-fill-alpha) rgba($chart-teal, $default-fill-alpha) rgba($chart-grey, $default-fill-alpha) rgba($chart-brown, $default-fill-alpha);
axis {
@include readable-color($base-color, 30);
stroke: $axis-stroke-color;
stroke-width: 1;
label {
@include readable-color($base-color, 10);
font: 12px $font-family;
font-weight: bold;
spacing: 2;
padding: 5;
}
title {
font: 18px $font-family;
@include readable-color($base-color);
padding: 5;
}
&[position=left] {
title {
rotate: 0 0 270;
}
}
&[position=right] {
title {
rotate: 0 0 270;
}
}
&[position=radial] {
label {
font: 10px $font-family;
text-anchor: middle;
}
fill: none;
}
&[position=gauge] {
label {
font: 10px $font-family;
text-anchor: middle;
}
fill: none;
}
}
series {
stroke-width: 1;
label {
font: 12px $font-family;
fill: #333;
display: none;
field: name;
minMargin: 50;
orientation: horizontal;
}
&:nth-child(1) {
fill: $chart-blue;
}
&:nth-child(2) {
fill: $chart-green;
}
&:nth-child(3) {
fill: $chart-red;
}
&:nth-child(4) {
fill: $chart-orange;
}
&:nth-child(5) {
fill: $chart-yellow;
}
&:nth-child(6) {
fill: $chart-purple;
}
&:nth-child(7) {
fill: $chart-teal;
}
&:nth-child(8) {
fill: $chart-grey;
}
&:nth-child(9) {
fill: $chart-brown;
}
&:highlight {
radius: 20;
stroke-width: 5;
stroke: #f55;
zIndex: 100;
}
}
series[type=line] {
&:highlight {
stroke-width: 3;
}
}
series[type=bar] {
&:highlight {
stroke-width: 3;
stroke: #55c;
opacity: 0.8;
}
}
series[type=area] {
&:highlight {
stroke-width: 3;
stroke: #111;
}
}
series[type=pie] {
&:highlight {
stroke: none;
stroke-width: 0;
}
}
series[type=scatter] {
&:highlight {
stroke: none;
stroke-width: 0;
}
}
marker {
stroke: #fff;
stroke-width: 1;
type: circle;
fill: #000;
radius: 5;
size: 5;
&:nth-child(1) {
fill: $chart-blue;
type: circle;
}
&:nth-child(2) {
fill: $chart-green;
/* type: cross;*/
}
&:nth-child(3) {
fill: $chart-red;
/* type: plus;*/
}
&:nth-child(3) {
fill: $chart-red;
}
&:nth-child(4) {
fill: $chart-orange;
}
&:nth-child(5) {
fill: $chart-yellow;
}
&:nth-child(6) {
fill: $chart-purple;
}
&:nth-child(7) {
fill: $chart-teal;
}
&:nth-child(8) {
fill: $chart-grey;
}
&:nth-child(9) {
fill: $chart-brown;
}
}
/* interaction[type=]*/
interaction {
&[type=itemcompare] {
circle {
fill: rgba(#000, 0);
stroke: $pie-grouping-color;
radius: 5;
}
line {
stroke: $pie-grouping-color;
stroke-width: 3;
}
arrow {
fill: $pie-grouping-color;
radius: 8;
}
}
&[type=piegrouping] {
slice {
stroke: $pie-grouping-color;
stroke-width: 2;
fill: $pie-grouping-color;
opacity: 0.5;
}
handle {
stroke: $pie-grouping-color;
stroke-width: 2;
fill: $pie-grouping-color;
}
}
}
}
www/resources/sass/chart-themes/_Demo.scss 0 → 100644
View file @ f44d7236
chart[themeCls=area1] {
axis {
&[position=left] {
grid {
even {
opacity: 1;
fill: #ddd;
stroke: #bbb;
stroke-width: 1;
}
}
}
&[position=bottom] {
label {
rotate: 45;
}
}
}
series {
opaciy: 0.93;
}
}
chart[themeCls=bar1] {
axis {
&[position=bottom] {
grid {
stroke: #ccc;
}
}
}
}
chart[themeCls=column1] {
background: #111;
axis {
stroke: #eee;
fill: #eee;
label {
fill: #fff;
}
title {
fill: #fff;
}
&[position=left] {
grid {
odd {
stroke: #555;
}
even {
stroke: #555;
}
}
}
}
series {
label {
fill: #fff;
font: 17px Arial;
display: insideEnd;
text-anchor: middle;
orientation: horizontal;
}
}
}
chart[themeCls=barcombo1] {
axis[position=bottom] {
grid {
stroke: #ccc;
}
}
}
chart[themeCls=piecombo1] {
padding: 20;
series {
label {
display: rotate;
contrast: true;
font: 14px Arial;
}
}
}
chart[themeCls=gaugecombo1] {
padding: 30;
axis {
label {
font: 15px Arial;
}
stroke: #ccc;
}
}
chart[themeCls=radarcombo1] {
padding: 20;
axis {
label {
font: 11px Arial;
text-anchor: middle;
}
stroke: #ccc;
fill: none;
}
series {
opacity: 0.4;
}
}
chart[themeCls=line1] {
axis[position=left] {
grid {
odd {
opacity: 1;
fill: #ddd;
stroke: #bbb;
stroke-width: 0.5;
}
}
}
marker {
size: 4;
radius: 4;
stroke-width: 0;
}
series {
&:nth-child(1) {
marker {
type: image;
height: 46;
width: 46;
src: "../resources/shared/img/iphone.png";
}
}
&:nth-child(2) {
marker {
type: image;
height: 46;
width: 46;
src: "../resources/shared/img/android.png";
}
}
&:nth-child(3) {
marker {
type: image;
height: 46;
width: 46;
src: "../resources/shared/img/ipad.png";
}
}
}
}
chart[themeCls=pie1] {
padding: 10;
series {
label {
display: rotate;
contrast: true;
font: 18px Helvetica, Arial, sans-serif;
}
}
}
chart[themeCls=radar1] {
padding: 20;
axis {
label {
font: 11px Arial;
text-anchor: middle;
}
stroke: #ccc;
fill: none;
}
series {
opacity: 0.4;
}
}
chart[themeCls=scatter1] {
padding: 40;
axis[position=left] {
grid {
odd {
opacity: 1;
fill: #ddd;
stroke: #bbb;
stroke-width: 0.5;
}
}
}
marker {
size: 8;
radius: 8;
}
}
chart[themeCls=stock1] {
axis {
label {
font: 12px Arial;
}
&[position=left] {
grid {
stroke: #ccc;
}
}
}
}
www/resources/sass/chart-themes/_Energy.scss 0 → 100644
View file @ f44d7236
$default-fill-alpha: .85;
@import 'include/variables';
chart {
colors: rgba($chart-blue, $default-fill-alpha) rgba($chart-green, $default-fill-alpha) rgba($chart-red, $default-fill-alpha) rgba($chart-orange, $default-fill-alpha) rgba($chart-yellow, $default-fill-alpha) rgba($chart-purple, $default-fill-alpha) rgba($chart-teal, $default-fill-alpha) rgba($chart-grey, $default-fill-alpha) rgba($chart-brown, $default-fill-alpha);
series {
stroke-width: 2;
grid {
odd {
stroke: #333;
}
even {
stroke: #222;
}
}
}
axis {
stroke: #555;
fill: #555;
label {
fill: #666;
}
title {
fill: #ccc;
}
}
axis[position=radial] {
fill: none;
label {
fill: #fff;
text-anchor: center;
translate: 0 -10;
}
}
}
chart[themeCls=radar] {
padding: 40;
series {
opacity: 0.4;
}
}
www/resources/sass/chart-themes/_WorldData.scss 0 → 100644
View file @ f44d7236
@import 'include/variables';
$base-color: #5D6056;
$text-color: lighten($base-color, 20%);
$title-color: darken($base-color, 10%);
$stroke-color: lighten($base-color, 40%);
chart {
colors: darken($chart-red, 20%) darken($chart-red, 20%) darken($chart-yellow, 20%);
background: lighten($base-color, 50%);
series {
&:highlight {
radius: 5;
stroke-width: 3;
stroke: #fff;
}
}
axis {
stroke: $stroke-color;
fill: $stroke-color;
grid {
stroke: $stroke-color;
}
/* &[position="bottom"] {
label {
rotate: 270;
}
}*/
label {
fill: $text-color;
}
title {
fill: $title-color;
}
}
}
www/resources/sass/chart-themes/include/_variables.scss 0 → 100644
View file @ f44d7236
@import '../../../themes/stylesheets/touch-charts/default/variables';
@import '../../../themes/stylesheets/touch-charts/default/mixins';
$font-family: 'Helvetica', 'Arial', 'sans-serif' !default;
$chart-blue: #115fa6 !default;
$chart-green: #94ae0a !default;
$chart-red: #a61120 !default;
$chart-orange: #ff8809 !default;
$chart-yellow: #ffd13e !default;
$chart-purple: #a61187 !default;
$chart-teal: #24ad9a !default;
$chart-grey: #7c7474 !default;
$chart-brown: #a66111 !default;
$charts-active-color: hsla(hue($active-color), saturation($active-color), 50, 1) !default;
$pie-grouping-color: $charts-active-color !default;
$axis-stroke-color: #ccc;
/*$grid-stroke-color: */
$text-color: #666 !default;
$title-color: #333 !default;
$default-fill-alpha: 1 !default;
$default-stroke-alpha: 1 !default;
\ No newline at end of file
www/resources/sass/energy-demo.scss 0 → 100644
View file @ f44d7236
// Base Sencha Touch stylesheets
$base-color: #444;
$active-color: #111;
$list-bg-color: #161616;
$list-color: #ccc;
$list-pressed-color: darken($active-color, 50%) !default;
$legend-background-color: #111;
$legend-border-color: #000;
@import 'sencha-touch/default/all';
@include sencha-panel;
@include sencha-buttons;
/*@include sencha-sheet;*/
/*@include sencha-picker;*/
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
/*@include sencha-carousel;*/
/*@include sencha-indexbar;*/
@include sencha-list;
/*@include sencha-list-paging;*/
/*@include sencha-list-pullrefresh;*/
@include sencha-layout;
@include sencha-form;
@include sencha-msgbox;
@include sencha-loading-spinner;
// @import Touch charts
@import 'touch-charts';
// Some custom styles
.x-nested-list.x-docked-left {
border-right: 1px solid #000;
}
.x-list .x-list-item.x-item-selected {
font-weight: bold;
}
.yearlabel {
font-size: 24px;
font-weight: light;
color: #ddd;
padding: 12px;
}
.x-toolbar-dark .x-title {
font-family: Orbitron, Helvetica, sans-serif;
font-weight: 600 !important;
@include text-shadow(#999 0 0 3px);
text-transform: uppercase;
font-size: 1em;
line-height: 2.8em;
color: rgba(#fff, .9);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
.launchscreen > .x-inner {
font-family: Orbitron, Helvetica, sans-serif;
background-color: #111;
@include display-box;
@include box-orient(vertical);
@include box-align(center);
@include box-pack(center);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
& > div {
width: 70%;
text-align: center;
font-size: 18px;
line-height: 28px;
color: #666;
text-shadow: #222 0 0 25px;
}
p {
font-weight: 400;
font-size: 26px;
line-height: 34px;
strong {
color: #fff;
}
}
}
.chartpanel {
@include background(linear-gradient(top, #333, #060606));
.x-legend-item {
color: #fff;
}
}
\ No newline at end of file
www/resources/sass/touch-charts-demo.scss 0 → 100644
View file @ f44d7236
$include-default-icons: false;
@import 'sencha-touch/default/all';
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-carousel;
@include sencha-indexbar;
@include sencha-list;
@include sencha-list-paging;
@include sencha-list-pullrefresh;
@include sencha-layout;
@include sencha-form;
@include sencha-msgbox;
@include pictos-iconmask('shuffle');
@include pictos-iconmask('help');
@include sencha-tabbar-ui('light', #222, 'matte', lighten($base-color, 20%));
.x-tabbar-dark.x-docked-bottom .x-tab-active {
@include box-shadow(#000 0 0 10px inset, rgba(#fff, .2) 0 1px 0);
@include background-gradient(darken($base-color, 30%), recessed);
}
@import 'touch-charts';
\ No newline at end of file
www/resources/sass/touch-charts-full.scss 0 → 100644
View file @ f44d7236
@import 'sencha-touch/default/all';
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-carousel;
@include sencha-indexbar;
@include sencha-list;
@include sencha-list-paging;
@include sencha-list-pullrefresh;
@include sencha-layout;
@include sencha-form;
@include sencha-msgbox;
@import 'touch-charts';
www/resources/sass/touch-charts.scss 0 → 100644
View file @ f44d7236
@import 'compass/css3';
@import 'touch-charts/default/all';
// You may remove any of the following modules that you
// do not use in order to create a smaller css file.
@include touch-charts-draw;
@include touch-charts-chart;
@include touch-charts-toolbar;
@include touch-charts-panzoom;
@include touch-charts-legend;
www/resources/sass/worlddata.scss 0 → 100644
View file @ f44d7236
$base-color: #5d6056;
$active-color: #818A68;
$list-bg-color: #f3f4f0;
$include-default-icons: false;
@import 'sencha-touch/default/all';
@include sencha-panel;
@include sencha-sheet;
@include sencha-buttons;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-toolbar-forms;
@include sencha-list;
@include sencha-layout;
@include sencha-form;
@include sencha-msgbox;
@include sencha-loading-spinner;
@import 'touch-charts/default/all';
@include touch-charts-draw;
@include touch-charts-chart;
@include touch-charts-toolbar;
@include touch-charts-panzoom;
@include touch-charts-legend;
@include pictos-iconmask('info');
div {
font-family: 'Maven Pro', sans-serif;
font-weight:normal!important;
}
\ No newline at end of file
www/resources/themes/stylesheets/touch-charts/default/_all.scss 0 → 100644
View file @ f44d7236
@import 'variables';
@import 'mixins';
@import 'draw';
@import 'chart';
@import 'toolbar';
@import 'legend';
@import 'panzoom';
@import 'tabs';
\ No newline at end of file
www/resources/themes/stylesheets/touch-charts/default/_chart.scss 0 → 100644
View file @ f44d7236
@mixin touch-charts-chart {
.x-spark {
position: relative;
}
}
\ No newline at end of file
www/resources/themes/stylesheets/touch-charts/default/_draw.scss 0 → 100644
View file @ f44d7236
@mixin touch-charts-draw {
.x-android-3 .x-surface-wrap, .x-android-3 .x-surface-wrap > * {
-webkit-perspective: 1;
}
.x-surface-wrap > * {
position: relative;
-webkit-transform: matrix(1,0,0,1,0,0);
}
.ext-surface, .x-draw-component {
position: relative;
}
}
\ No newline at end of file
www/resources/themes/stylesheets/touch-charts/default/_legend.scss 0 → 100644
View file @ f44d7236
$theme-name: 'default'; /*TODO how to get this from the touch variables?*/
$legend-border-color: #ccc !default;
$legend-border: 1px solid $legend-border-color !default;
$legend-background-color: #fff !default;
$legend-z-index: 10 !default;
$legend-item-border: 1px solid rgba($legend-border-color, .5) !default;
$legend-item-background: rgba(#fff, 0) !default;
$marker-size: .8em !default;
@mixin touch-charts-legend {
.x-legend {
z-index: $legend-z-index;
border: $legend-border;
background: $legend-background-color;
overflow: hidden;
position: absolute;
@include border-radius(5px);
@if (lightness($legend-background-color) > 30) {
@include box-shadow(rgba(#fff, .6) 0 1px 1px);
} @else {
@include box-shadow(rgba(#fff, .2) 0 1px 0);
}
.x-legend-item {
padding: .8em 1em .8em $marker-size + 1em;
@include readable-color($base-color, 50);
background: $legend-item-background;
max-width: 20em;
min-width: 8em;
font-size: 14px;
line-height: 14px;
font-weight: bold;
position: relative;
.x-legend-item-marker {
width: $marker-size;
height: $marker-size;
@include border-radius($marker-size/2);
@include box-shadow(rgba(#fff, .3) 0 1px 0, rgba(#000, .4) 0 1px 0 inset);
position: absolute;
left: .7em;
top: 1em;
}
&:last-child {
border: 0;
}
&.x-dragging {
@include box-shadow(darken($legend-background-color, 50) 0 0 .5em);
}
&.x-drop-hover {
@include box-shadow(rgba(0, 0, 200, 0.9), 0, 0, .3em, 0, true);
}
}
.x-legend-inactive {
@include opacity(.3);
}
&.x-legend-horizontal {
.x-legend-inner > * {
display: -webkit-box;
@include box-orient(horizontal);
padding: 0 .4em;
}
.x-legend-item {
border: 0;
border-right: $legend-item-border;
white-space: nowrap;
max-width: none;
min-width: 0;
&:last-child {
border: 0;
}
}
}
}
.x-legend-button-icon {
-webkit-mask-image: theme-image($theme-name, 'pictos/list.png');
}
}
www/resources/themes/stylesheets/touch-charts/default/_mixins.scss 0 → 100644
View file @ f44d7236
/**
* Includes a base64-encoded icon for use within tab bars and buttons (With the component parameter iconMask: true).
*
* @include pictos-iconmask('attachment');
*
* @param {string} $name The name of the icon to be included. This is to match the name of the icon file (located at resources/themes/images/default/pictos) without its extention (.png).
*/
@mixin chart-iconmask($name) {
.x-tab .x-button-icon.#{$name},
.x-button .x-button-icon.x-icon-mask.#{$name} {
-webkit-mask-image: chart_image($name + "_chart.png");
}
}
// Hack: Please map color to fill in charts parser
@mixin readable-color($color, $contrast: 100) {
@if lightness(lighten($color, 100 - $contrast)) > 30 {
color: $color;
fill: $color;
} @else {
color: darken(lighten($color, 100 - $contrast), 30);
fill: darken(lighten($color, 100 - $contrast), 30);
}
}
\ No newline at end of file
www/resources/themes/stylesheets/touch-charts/default/_panzoom.scss 0 → 100644
View file @ f44d7236
@mixin touch-charts-panzoom {
.x-panzoom-toggle-icon {
-webkit-mask-image: theme-image($theme-name, 'pictos/move.png');
}
.x-zooming > .x-panzoom-toggle-icon {
-webkit-mask-image: theme-image($theme-name, 'pictos/resize.png');
}
}
www/resources/themes/stylesheets/touch-charts/default/_tabs.scss 0 → 100644
View file @ f44d7236
@if $include-chart-icons {
@include chart-iconmask('area');
@include chart-iconmask('bar');
@include chart-iconmask('column');
@include chart-iconmask('gauge');
@include chart-iconmask('line');
@include chart-iconmask('mixed');
@include chart-iconmask('pie');
@include chart-iconmask('radar');
@include chart-iconmask('scatter');
}
\ No newline at end of file
www/resources/themes/stylesheets/touch-charts/default/_toolbar.scss 0 → 100644
View file @ f44d7236
@mixin touch-charts-toolbar {
.x-chart-toolbar {
position: absolute;
z-index: 9;
@include display-box;
padding: .6em;
.x-button {
margin: .2em;
}
&[data-side=left], &[data-side=right] {
top: 0;
@include box-orient(vertical);
}
&[data-side=left] {
left: 0;
}
&[data-side=right] {
right: 0;
}
&[data-side=top], &[data-side=bottom] {
@include box-orient(horizontal);
right: 0;
}
&[data-side=top] {
top: 0;
}
&[data-side=bottom] {
bottom: 0;
@include box-orient(horizontal);
}
}
}
\ No newline at end of file
www/resources/themes/stylesheets/touch-charts/default/_variables.scss 0 → 100644
View file @ f44d7236
$theme-name: 'default';
/**
* @var {boolean} $include-default-icons
* Optionally remove the default charts icon set.
*/
$include-default-icons: true !default;
/**
* @var {boolean} $include-default-uis
* Decides whether or not to include floating panels (useful to disable for iPhone applications
* which do not typically have floating menus).
*/
$include-default-uis: true !default;
/**
* @var {boolean} $include-highlights=true
* Optionally disable all gradients, text-shadows, and box-shadows. Useful for CSS debugging,
* non-performant browsers, or minimalist designs.
*/
$include-highlights: true !default; // Can disable all theme-generated gradients, text-shadows, and box-shadows.
/**
* @var {color} $base-color
* The primary color variable from which most elements derive their color scheme.
*/
$base-color: #354F6E !default; // Graphite
/**
* @var {string} $base-gradient
* The primary gradient variable from which most elements derive their color scheme.
* @see background-gradient
*/
$base-gradient: 'matte' !default;
/**
* @var {color} $alert-color
* Color used for elements like badges, errors, and "decline" UIs (eg. on buttons).
*/
$alert-color: red !default;
/**
* @var {color} $confirm-color
* Color used for elements like success messages, and "confirm" UIs (eg. on buttons).
*/
$confirm-color: #92cf00 !default; // Green
/**
* @var {color} $active-color
* Color used for elements like selected rows, "action" UIs (eg. on buttons) and certain overlays like the picker mask.
*/
$active-color: darken(saturate($base-color, 55%), 10%) !default;
/**
* @var {color} $page-bg-color
* Background color for fullscreen components.
*/
$page-bg-color: #eee !default;
/**
* @var {measurement} $global-row-height
* The minimum row height for items like toolbars and list items.
*/
$global-row-height: 2.6em !default;
$include-chart-icons: true !default;
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment