|
24 | 24 | var fc = angular.module('ng-fusioncharts', []);
|
25 | 25 |
|
26 | 26 |
|
27 |
| - fc.directive('fcChart', ['$http', function ($http) { |
| 27 | + fc.directive('fusioncharts', ['$http', function ($http) { |
28 | 28 | return {
|
29 | 29 | scope: {
|
30 |
| - fcWidth: '@', |
31 |
| - fcHeight: '@', |
32 |
| - fcData: '@', |
33 |
| - fcDataset: '@', |
34 |
| - fcCategories: '@', |
35 |
| - fcChartAttrs: '@', |
36 |
| - fcLinkeddata: '@', |
37 |
| - fcTrendlines: '@', |
38 |
| - fcVtrendlines: '@', |
39 |
| - fcAnnotatations: '@', |
40 |
| - fcColorrange: '@', |
41 |
| - fcLineset: '@', |
42 |
| - fcAxis: '@', |
43 |
| - fcConnectors: '@', |
44 |
| - fcPointers: '@', |
45 |
| - fcValue: '@', |
46 |
| - fcProcesses: '@', |
47 |
| - fcTasks: '@', |
48 |
| - fcRows: '@', |
49 |
| - fcColumns: '@', |
50 |
| - fcMap: '@', |
51 |
| - fcMarkers: '@' |
| 30 | + width: '@', |
| 31 | + height: '@', |
| 32 | + data: '@', |
| 33 | + dataset: '@', |
| 34 | + categories: '@', |
| 35 | + chart: '@', |
| 36 | + linkdedata: '@', |
| 37 | + trendlines: '@', |
| 38 | + vtrendlines: '@', |
| 39 | + annotations: '@', |
| 40 | + colorrange: '@', |
| 41 | + lineset: '@', |
| 42 | + axis: '@', |
| 43 | + connectors: '@', |
| 44 | + pointers: '@', |
| 45 | + value: '@', |
| 46 | + processes: '@', |
| 47 | + tasks: '@', |
| 48 | + rows: '@', |
| 49 | + columns: '@', |
| 50 | + map: '@', |
| 51 | + markers: '@' |
52 | 52 | },
|
53 | 53 | link: function (scope, element, attrs) {
|
54 | 54 | var eventsObj = {},
|
|
61 | 61 | }
|
62 | 62 | }
|
63 | 63 | };
|
64 |
| - if(attrs.fcEvents) { |
65 |
| - if(scope.$parent[attrs.fcEvents]) { |
66 |
| - var _eobj = scope.$parent[attrs.fcEvents]; |
| 64 | + if(attrs.events) { |
| 65 | + if(scope.$parent[attrs.events]) { |
| 66 | + var _eobj = scope.$parent[attrs.events]; |
67 | 67 | for(var key in _eobj) {
|
68 | 68 | if(_eobj.hasOwnProperty(key)) {
|
69 | 69 | eventsObj[key.toLowerCase()] = _eobj[key];
|
|
78 | 78 | eventsObj[key] = scope.$parent[attrs[attr]];
|
79 | 79 | }
|
80 | 80 | }
|
81 |
| - if(attrs.fcConfig) { |
82 |
| - chart = new FusionCharts(scope[attrs.fcConfig]); |
83 |
| - scope[attrs.fcChartObject] = chart; |
| 81 | + if(attrs.config) { |
| 82 | + chart = new FusionCharts(scope[attrs.config]); |
| 83 | + scope[attrs.chartobject] = chart; |
84 | 84 | chart.render ();
|
85 | 85 | } else {
|
86 | 86 | var chartConfigObject = {
|
87 |
| - type: attrs.fcType, |
88 |
| - width: attrs.fcWidth, |
89 |
| - height: attrs.fcHeight, |
| 87 | + type: attrs.type, |
| 88 | + width: attrs.width, |
| 89 | + height: attrs.height, |
90 | 90 | renderAt: element[0],
|
91 |
| - dataFormat: attrs.fcDataFormat || 'json', |
| 91 | + dataFormat: attrs.dataformat || 'json', |
92 | 92 | dataSource: {},
|
93 | 93 | events: events
|
94 | 94 | };
|
95 |
| - attrs.$observe('fcWidth', function (newVal) { |
96 |
| - chart.resizeTo (scope.fcWidth, scope.fcHeight); |
| 95 | + attrs.$observe('width', function (newVal) { |
| 96 | + chart.resizeTo (scope.width, scope.height); |
97 | 97 | });
|
98 |
| - attrs.$observe('fcHeight', function (newVal) { |
99 |
| - chart.resizeTo (scope.fcWidth, scope.fcHeight); |
| 98 | + attrs.$observe('height', function (newVal) { |
| 99 | + chart.resizeTo (scope.width, scope.height); |
100 | 100 | });
|
101 |
| - if(attrs.fcDatasource) { |
102 |
| - chartConfigObject.dataSource = scope[attrs.fcDatasource]; |
103 |
| - attrs.$observe('fcDatasource', function (newVal) { |
| 101 | + if(attrs.datasource) { |
| 102 | + chartConfigObject.dataSource = scope[attrs.datasource]; |
| 103 | + attrs.$observe('datasource', function (newVal) { |
104 | 104 | if(chartConfigObject.dataFormat === 'json') {
|
105 | 105 | chart.setChartData (JSON.parse(newVal));
|
106 | 106 | } else if(chartConfigObject.dataFormat === 'xml') {
|
|
112 | 112 | }
|
113 | 113 | }, true);
|
114 | 114 | } else {
|
115 |
| - attrs.$observe('fcChartAttrs', function (newVal) { |
| 115 | + attrs.$observe('chart', function (newVal) { |
116 | 116 | setTimeout(function () {
|
117 | 117 | chartConfigObject.dataSource.chart = JSON.parse(newVal);
|
118 | 118 | chart.setJSONData (chartConfigObject.dataSource);
|
119 | 119 | }, 0);
|
120 | 120 | }, true)
|
121 |
| - if(attrs.fcData) { |
122 |
| - attrs.$observe('fcData', function (newVal) { |
| 121 | + if(attrs.data) { |
| 122 | + attrs.$observe('data', function (newVal) { |
123 | 123 | setTimeout(function () {
|
124 | 124 | chartConfigObject.dataSource.data = JSON.parse(newVal);
|
125 | 125 | chart.setJSONData (chartConfigObject.dataSource);
|
126 | 126 | }, 0);
|
127 | 127 | }, true);
|
128 | 128 | }
|
129 |
| - if(attrs.fcCategories) { |
130 |
| - attrs.$observe('fcCategories', function (newVal) { |
| 129 | + if(attrs.categories) { |
| 130 | + attrs.$observe('categories', function (newVal) { |
131 | 131 | setTimeout(function () {
|
132 | 132 | chartConfigObject.dataSource.categories = JSON.parse(newVal);
|
133 | 133 | chart.setJSONData (chartConfigObject.dataSource);
|
134 | 134 | }, 0);
|
135 | 135 | }, true);
|
136 | 136 | }
|
137 |
| - if(attrs.fcDataset) { |
138 |
| - attrs.$observe('fcDataset', function (newVal) { |
| 137 | + if(attrs.dataset) { |
| 138 | + attrs.$observe('dataset', function (newVal) { |
139 | 139 | setTimeout(function () {
|
140 | 140 | chartConfigObject.dataSource.dataset = JSON.parse(newVal);
|
141 | 141 | chart.setJSONData (chartConfigObject.dataSource);
|
142 | 142 | });
|
143 | 143 | }, true);
|
144 | 144 | }
|
145 |
| - if(attrs.fcLinkeddata) { |
146 |
| - attrs.$observe('fcLinkeddata', function (newVal) { |
| 145 | + if(attrs.linkeddata) { |
| 146 | + attrs.$observe('linkeddata', function (newVal) { |
147 | 147 | setTimeout(function () {
|
148 | 148 | chartConfigObject.dataSource.linkeddata = JSON.parse(newVal);
|
149 | 149 | chart.setJSONData (chartConfigObject.dataSource);
|
150 | 150 | });
|
151 | 151 | }, true);
|
152 | 152 | }
|
153 |
| - if(attrs.fcTrendlines) { |
154 |
| - attrs.$observe('fcTrendlines', function (newVal) { |
| 153 | + if(attrs.trendlines) { |
| 154 | + attrs.$observe('trendlines', function (newVal) { |
155 | 155 | setTimeout(function () {
|
156 | 156 | chartConfigObject.dataSource.trendlines = JSON.parse(newVal);
|
157 | 157 | chart.setJSONData (chartConfigObject.dataSource);
|
158 | 158 | });
|
159 | 159 | }, true);
|
160 | 160 | }
|
161 |
| - if(attrs.fcVtrendlines) { |
162 |
| - attrs.$observe('fcVtrendlines', function (newVal) { |
| 161 | + if(attrs.vtrendlines) { |
| 162 | + attrs.$observe('vtrendlines', function (newVal) { |
163 | 163 | setTimeout(function () {
|
164 | 164 | chartConfigObject.dataSource.vtrendlines = JSON.parse(newVal);
|
165 | 165 | chart.setJSONData (chartConfigObject.dataSource);
|
166 | 166 | });
|
167 | 167 | }, true);
|
168 | 168 | }
|
169 |
| - if(attrs.fcAnnotations) { |
170 |
| - attrs.$observe('fcAnnotations', function (newVal) { |
| 169 | + if(attrs.annotations) { |
| 170 | + attrs.$observe('annotations', function (newVal) { |
171 | 171 | setTimeout(function () {
|
172 | 172 | chartConfigObject.dataSource.annotations = JSON.parse(newVal);
|
173 | 173 | chart.setJSONData (chartConfigObject.dataSource);
|
174 | 174 | });
|
175 | 175 | }, true);
|
176 | 176 | }
|
177 |
| - if(attrs.fcColorrange) { |
178 |
| - attrs.$observe('fcColorrange', function (newVal) { |
| 177 | + if(attrs.colorrange) { |
| 178 | + attrs.$observe('colorrange', function (newVal) { |
179 | 179 | setTimeout(function () {
|
180 | 180 | chartConfigObject.dataSource.colorrange = JSON.parse(newVal);
|
181 | 181 | chart.setJSONData (chartConfigObject.dataSource);
|
182 | 182 | });
|
183 | 183 | }, true);
|
184 | 184 | }
|
185 |
| - if(attrs.fcLineset) { |
186 |
| - attrs.$observe('fcLineset', function (newVal) { |
| 185 | + if(attrs.lineset) { |
| 186 | + attrs.$observe('lineset', function (newVal) { |
187 | 187 | setTimeout(function () {
|
188 | 188 | chartConfigObject.dataSource.lineset = JSON.parse(newVal);
|
189 | 189 | chart.setJSONData (chartConfigObject.dataSource);
|
190 | 190 | });
|
191 | 191 | }, true);
|
192 | 192 | }
|
193 |
| - if(attrs.fcAxis) { |
194 |
| - attrs.$observe('fcAxis', function (newVal) { |
| 193 | + if(attrs.axis) { |
| 194 | + attrs.$observe('axis', function (newVal) { |
195 | 195 | setTimeout(function () {
|
196 | 196 | chartConfigObject.dataSource.axis = JSON.parse(newVal);
|
197 | 197 | chart.setJSONData (chartConfigObject.dataSource);
|
198 | 198 | });
|
199 | 199 | }, true);
|
200 | 200 | }
|
201 |
| - if(attrs.fcConnectors) { |
202 |
| - attrs.$observe('fcConnectors', function (newVal) { |
| 201 | + if(attrs.connectors) { |
| 202 | + attrs.$observe('connectors', function (newVal) { |
203 | 203 | setTimeout(function () {
|
204 | 204 | chartConfigObject.dataSource.connectors = JSON.parse(newVal);
|
205 | 205 | chart.setJSONData (chartConfigObject.dataSource);
|
206 | 206 | });
|
207 | 207 | }, true);
|
208 | 208 | }
|
209 |
| - if(attrs.fcPointers) { |
210 |
| - attrs.$observe('fcPointers', function (newVal) { |
| 209 | + if(attrs.pointers) { |
| 210 | + attrs.$observe('pointers', function (newVal) { |
211 | 211 | setTimeout(function () {
|
212 | 212 | chartConfigObject.dataSource.pointers = JSON.parse(newVal);
|
213 | 213 | chart.setJSONData (chartConfigObject.dataSource);
|
214 | 214 | });
|
215 | 215 | }, true);
|
216 | 216 | }
|
217 |
| - if(attrs.fcValue) { |
218 |
| - attrs.$observe('fcValue', function (newVal) { |
| 217 | + if(attrs.value) { |
| 218 | + attrs.$observe('value', function (newVal) { |
219 | 219 | setTimeout(function () {
|
220 | 220 | chartConfigObject.dataSource.value = JSON.parse(newVal);
|
221 | 221 | chart.setJSONData (chartConfigObject.dataSource);
|
222 | 222 | });
|
223 | 223 | }, true);
|
224 | 224 | }
|
225 |
| - if(attrs.fcProcesses) { |
226 |
| - attrs.$observe('fcProcesses', function (newVal) { |
| 225 | + if(attrs.processes) { |
| 226 | + attrs.$observe('processes', function (newVal) { |
227 | 227 | setTimeout(function () {
|
228 | 228 | chartConfigObject.dataSource.processes = JSON.parse(newVal);
|
229 | 229 | chart.setJSONData (chartConfigObject.dataSource);
|
230 | 230 | });
|
231 | 231 | }, true);
|
232 | 232 | }
|
233 |
| - if(attrs.fcTasks) { |
234 |
| - attrs.$observe('fcTasks', function (newVal) { |
| 233 | + if(attrs.tasks) { |
| 234 | + attrs.$observe('tasks', function (newVal) { |
235 | 235 | setTimeout(function () {
|
236 | 236 | chartConfigObject.dataSource.tasks = JSON.parse(newVal);
|
237 | 237 | chart.setJSONData (chartConfigObject.dataSource);
|
238 | 238 | });
|
239 | 239 | }, true);
|
240 | 240 | }
|
241 |
| - if(attrs.fcRows) { |
242 |
| - attrs.$observe('fcRows', function (newVal) { |
| 241 | + if(attrs.rows) { |
| 242 | + attrs.$observe('rows', function (newVal) { |
243 | 243 | setTimeout(function () {
|
244 | 244 | chartConfigObject.dataSource.rows = JSON.parse(newVal);
|
245 | 245 | chart.setJSONData (chartConfigObject.dataSource);
|
246 | 246 | });
|
247 | 247 | }, true);
|
248 | 248 | }
|
249 |
| - if(attrs.fcColumns) { |
250 |
| - attrs.$observe('fcColumns', function (newVal) { |
| 249 | + if(attrs.columns) { |
| 250 | + attrs.$observe('columns', function (newVal) { |
251 | 251 | setTimeout(function () {
|
252 | 252 | chartConfigObject.dataSource.columns = JSON.parse(newVal);
|
253 | 253 | chart.setJSONData (chartConfigObject.dataSource);
|
254 | 254 | });
|
255 | 255 | }, true);
|
256 | 256 | }
|
257 |
| - if(attrs.fcMap) { |
258 |
| - attrs.$observe('fcMap', function (newVal) { |
| 257 | + if(attrs.map) { |
| 258 | + attrs.$observe('map', function (newVal) { |
259 | 259 | setTimeout(function () {
|
260 | 260 | chartConfigObject.dataSource.map = JSON.parse(newVal);
|
261 | 261 | chart.setJSONData (chartConfigObject.dataSource);
|
262 | 262 | });
|
263 | 263 | }, true);
|
264 | 264 | }
|
265 |
| - if(attrs.fcMarkers) { |
266 |
| - attrs.$observe('fcMarkers', function (newVal) { |
| 265 | + if(attrs.markers) { |
| 266 | + attrs.$observe('markers', function (newVal) { |
267 | 267 | setTimeout(function () {
|
268 | 268 | chartConfigObject.dataSource.markers = JSON.parse(newVal);
|
269 | 269 | chart.setJSONData (chartConfigObject.dataSource);
|
|
273 | 273 | }
|
274 | 274 |
|
275 | 275 | var chart = new FusionCharts(chartConfigObject);
|
276 |
| - scope[attrs.fcChartObject] = chart; |
| 276 | + scope[attrs.chartobject] = chart; |
277 | 277 | chart.render ();
|
278 | 278 | }
|
279 | 279 | }
|
|
0 commit comments