| @@ -7,8 +7,10 @@ | ||
| 7 | 7 | |
| 8 | 8 | (function($) { |
| 9 | 9 | var gv; |
| 10 | 10 | var all_charts, objects; |
| 11 | + // so that we know which charts belong to our library. | |
| 12 | + var rendered_charts = []; | |
| 11 | 13 | |
| 12 | 14 | function renderChart(id) { |
| 13 | 15 | renderSpecificChart(id, all_charts[id]); |
| 14 | 16 | } |
| @@ -18,8 +20,9 @@ | ||
| 18 | 20 | |
| 19 | 21 | if(chart.library !== 'google'){ |
| 20 | 22 | return; |
| 21 | 23 | } |
| 24 | + rendered_charts[id] = 'yes'; | |
| 22 | 25 | |
| 23 | 26 | series = chart.series; |
| 24 | 27 | data = chart.data; |
| 25 | 28 | settings = chart.settings; |
| @@ -131,8 +134,9 @@ | ||
| 131 | 134 | case 'area': |
| 132 | 135 | case 'scatter': |
| 133 | 136 | case 'candlestick': |
| 134 | 137 | case 'column': |
| 138 | + case 'combo': | |
| 135 | 139 | axis = settings.hAxis; |
| 136 | 140 | break; |
| 137 | 141 | case 'bar': |
| 138 | 142 | axis = settings.vAxis; |
| @@ -213,8 +217,9 @@ | ||
| 213 | 217 | override(settings); |
| 214 | 218 | |
| 215 | 219 | gv.events.addListener(render, 'ready', function () { |
| 216 | 220 | var arr = id.split('-'); |
| 221 | + __visualizer_chart_images[ arr[0] + '-' + arr[1] ] = ''; | |
| 217 | 222 | try{ |
| 218 | 223 | var img = render.getImageURI(); |
| 219 | 224 | __visualizer_chart_images[ arr[0] + '-' + arr[1] ] = img; |
| 220 | 225 | $('body').trigger('visualizer:render:chart', {id: arr[1], image: img}); |
| @@ -288,9 +293,9 @@ | ||
| 288 | 293 | |
| 289 | 294 | resizeHiddenContainers(true); |
| 290 | 295 | }); |
| 291 | 296 | |
| 292 | - $(window).load(function(){ | |
| 297 | + $(window).on('load', function(){ | |
| 293 | 298 | resizeHiddenContainers(true); |
| 294 | 299 | }); |
| 295 | 300 | |
| 296 | 301 | function resizeHiddenContainers(everytime){ |
| @@ -332,7 +337,27 @@ | ||
| 332 | 337 | $('body').on('visualizer:render:specificchart:start', function(event, v){ |
| 333 | 338 | objects = {}; |
| 334 | 339 | gv = google.visualization; |
| 335 | 340 | renderSpecificChart(v.id, v.chart); |
| 341 | + }); | |
| 342 | + | |
| 343 | + // front end actions | |
| 344 | + $('body').on('visualizer:action:specificchart', function(event, v){ | |
| 345 | + switch(v.action){ | |
| 346 | + case 'print': | |
| 347 | + var id = v.id; | |
| 348 | + if(typeof rendered_charts[id] === 'undefined'){ | |
| 349 | + return; | |
| 350 | + } | |
| 351 | + var arr = id.split('-'); | |
| 352 | + var img = __visualizer_chart_images[ arr[0] + '-' + arr[1] ]; | |
| 353 | + // for charts that have no rendered image defined, we print the data instead. | |
| 354 | + var html = v.data; | |
| 355 | + if(img !== ''){ | |
| 356 | + html = "<html><body><img src='" + img + "' /></body></html>"; | |
| 357 | + } | |
| 358 | + $('body').trigger('visualizer:action:specificchart:defaultprint', {data: html}); | |
| 359 | + break; | |
| 360 | + } | |
| 336 | 361 | }); |
| 337 | 362 | |
| 338 | 363 | })(jQuery); |
