a508f993
isisadmin
added datalet doc...
|
1
|
<!--
|
5e6ba8af
isisadmin
datalet doc update
|
2
3
|
@license
The MIT License (MIT)
|
a508f993
isisadmin
added datalet doc...
|
4
|
|
21e3e3f2
isisadmin
fix controllet da...
|
5
|
Copyright (c) 2015 Dipartimento di Informatica - Universit� di Salerno - Italy
|
a508f993
isisadmin
added datalet doc...
|
6
|
|
5e6ba8af
isisadmin
datalet doc update
|
7
8
9
10
11
12
|
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
|
a508f993
isisadmin
added datalet doc...
|
13
|
|
5e6ba8af
isisadmin
datalet doc update
|
14
15
|
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
|
a508f993
isisadmin
added datalet doc...
|
16
|
|
5e6ba8af
isisadmin
datalet doc update
|
17
18
19
20
21
22
23
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
|
a508f993
isisadmin
added datalet doc...
|
24
25
|
-->
|
ae17a8dc
Luigi Serra
Controllet and da...
|
26
|
<!--
|
950d181d
Luigi Serra
license updates
|
27
28
|
* Developed by :
* ROUTE-TO-PA Project - grant No 645860. - www.routetopa.eu
|
ae17a8dc
Luigi Serra
Controllet and da...
|
29
30
31
|
*
-->
|
73bcce88
luigser
COMPONENTS
|
32
33
|
<link rel="import" href="../highcharts-datalet/highcharts-datalet.html">
|
a508f993
isisadmin
added datalet doc...
|
34
35
|
<!--
|
5e6ba8af
isisadmin
datalet doc update
|
36
|
`barchart-datalet` is a barchart datalet based on highcharts project http://www.highcharts.com/
|
a508f993
isisadmin
added datalet doc...
|
37
38
39
|
Example:
|
5e6ba8af
isisadmin
datalet doc update
|
40
41
42
43
|
<barchart-datalet
data-url="http://ckan.routetopa.eu/api/action/datastore_search?resource_id=#"
fields='["field1","field2"]'>
</barchart-datalet>
|
a508f993
isisadmin
added datalet doc...
|
44
|
|
5e6ba8af
isisadmin
datalet doc update
|
45
46
47
48
|
@element barchart-datalet
@status v0.1
@demo demo/index.html
@group datalets
|
a508f993
isisadmin
added datalet doc...
|
49
50
|
-->
|
73bcce88
luigser
COMPONENTS
|
51
52
|
<dom-module name="barchart-datalet">
<template>
|
498cdf34
Andrea Petta
leafletjs
|
53
|
<highcharts-datalet id="charts" data-url="{{dataUrl}}" fields="{{fields}}" title="{{title}}" description="{{description}}" export_menu="{{export_menu}}"></highcharts-datalet>
|
73bcce88
luigser
COMPONENTS
|
54
55
|
</template>
<script>
|
035bbee3
Luigi Serra
Datalets and cont...
|
56
|
|
73bcce88
luigser
COMPONENTS
|
57
|
var BarchartBehavior = {
|
a508f993
isisadmin
added datalet doc...
|
58
|
|
a508f993
isisadmin
added datalet doc...
|
59
60
61
62
63
|
/**
* Bluid Highchart object
*
* @method transformData
*/
|
5bc002a2
isisadmin
datalet refactoring
|
64
|
presentData: function(){
|
fb05b400
Renato De Donato
controllet 2.0, n...
|
65
|
options = {
|
73bcce88
luigser
COMPONENTS
|
66
67
68
69
70
|
chart: {
type: 'bar',
zoomType: 'xy'
},
title: {
|
035bbee3
Luigi Serra
Datalets and cont...
|
71
|
text: this._component.title
|
73bcce88
luigser
COMPONENTS
|
72
73
|
},
xAxis: {
|
a508f993
isisadmin
added datalet doc...
|
74
|
categories: this.properties.categories.value,
|
73bcce88
luigser
COMPONENTS
|
75
|
title: {
|
c94733d2
Renato De Donato
paper-card modify
|
76
|
text: this._component.xAxisLabel
|
73bcce88
luigser
COMPONENTS
|
77
78
79
80
81
|
}
},
yAxis: {
min: 0,
title: {
|
c94733d2
Renato De Donato
paper-card modify
|
82
|
text: this._component.yAxisLabel,
|
73bcce88
luigser
COMPONENTS
|
83
84
85
|
}
},
tooltip: {
|
035bbee3
Luigi Serra
Datalets and cont...
|
86
|
valueSuffix: ' ' + this._component.suffix
|
73bcce88
luigser
COMPONENTS
|
87
88
89
90
91
92
93
94
95
96
97
98
99
|
},
plotOptions: {
bar: {
dataLabels: {
enabled: true
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -40,
|
fb05b400
Renato De Donato
controllet 2.0, n...
|
100
|
y: 80,
|
73bcce88
luigser
COMPONENTS
|
101
102
|
floating: true,
borderWidth: 1,
|
fb05b400
Renato De Donato
controllet 2.0, n...
|
103
|
backgroundColor: ((Highcharts[this._component.theme] && Highcharts[this._component.theme].legendBackgroundColor) || '#FFFFFF'),
|
73bcce88
luigser
COMPONENTS
|
104
105
106
107
108
|
shadow: true
},
credits: {
enabled: false
},
|
a508f993
isisadmin
added datalet doc...
|
109
|
series: this.properties.series.value
|
fb05b400
Renato De Donato
controllet 2.0, n...
|
110
111
112
113
|
};
if(this._component.theme != "themeBase" && this._component.theme != "")
jQuery.extend(true, options, Highcharts[this._component.theme]);
|
21e3e3f2
isisadmin
fix controllet da...
|
114
|
|
fb05b400
Renato De Donato
controllet 2.0, n...
|
115
|
$(this._component.$.charts.$.container).highcharts(options);
|
73bcce88
luigser
COMPONENTS
|
116
117
118
|
}
};
|
73bcce88
luigser
COMPONENTS
|
119
120
|
BarchartDatalet = Polymer({
is: 'barchart-datalet',
|
a508f993
isisadmin
added datalet doc...
|
121
|
|
035bbee3
Luigi Serra
Datalets and cont...
|
122
|
properties: {
|
035bbee3
Luigi Serra
Datalets and cont...
|
123
124
125
126
|
xAxisLabel: {
type: String,
value: ""
},
|
035bbee3
Luigi Serra
Datalets and cont...
|
127
128
129
130
|
yAxisLabel: {
type: String,
value: ""
},
|
035bbee3
Luigi Serra
Datalets and cont...
|
131
132
|
suffix : {
type : String,
|
fb05b400
Renato De Donato
controllet 2.0, n...
|
133
134
135
136
137
|
value : ""
},
theme : {
type : String,
value : ""
|
e5b73e81
isisadmin
addded behavior p...
|
138
|
},
|
e5b73e81
isisadmin
addded behavior p...
|
139
140
141
|
behavior : {
type : Object,
value : {}
|
498cdf34
Andrea Petta
leafletjs
|
142
143
144
145
146
147
148
149
150
151
152
153
|
},
/**
* Control the export menu
* xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
*
* @attribute export_menu
* @type Number
* @default 15
*/
export_menu : {
type : Number,
value : 15 // xxxx BITMASK. FROM RIGHT : HTML, PNG, RTF, MY SPACE (eg. 1111 show all, 0000 hide all)
|
035bbee3
Luigi Serra
Datalets and cont...
|
154
|
}
|
035bbee3
Luigi Serra
Datalets and cont...
|
155
156
|
},
|
a508f993
isisadmin
added datalet doc...
|
157
158
159
160
161
162
|
/**
* 'ready' callback extend the BarchartComponentBehavior with HighchartsComponentBehavior and BarchartBehavior
* and run the Datalet workcycle.
*
* @method ready
*/
|
73bcce88
luigser
COMPONENTS
|
163
|
ready: function(){
|
e5b73e81
isisadmin
addded behavior p...
|
164
|
this.behavior = $.extend(true, {}, HighchartsComponentBehavior, BarchartBehavior);
|
b4accc86
Renato De Donato
datalet improved
|
165
|
this.async(function(){this.behavior.init(this)},0);
|
73bcce88
luigser
COMPONENTS
|
166
167
168
169
|
}
});
</script>
</dom-module>
|