--- a/ckanext/ga_report/public/scripts/ckanext_ga_reports.js +++ b/ckanext/ga_report/public/scripts/ckanext_ga_reports.js @@ -1,9 +1,18 @@ - var CKAN = CKAN || {}; CKAN.GA_Reports = {}; CKAN.GA_Reports.render_rickshaw = function( css_name, data, mode, colorscheme ) { var graphLegends = $('#graph-legend-container'); + + if (!Modernizr.svg) { + $("#chart_"+css_name) + .html( '<div class="alert">Your browser does not support vector graphics. No graphs can be rendered.</div>') + .closest('.rickshaw_chart_container').css('height',50); + var myLegend = $('<div id="legend_'+css_name+'"/>') + .html('(Graph cannot be rendered)') + .appendTo(graphLegends); + return; + } var myLegend = $('<div id="legend_'+css_name+'"/>').appendTo(graphLegends); var palette = new Rickshaw.Color.Palette( { scheme: colorscheme } ); @@ -24,20 +33,15 @@ graph: graph, orientation: 'left', tickFormat: Rickshaw.Fixtures.Number.formatKMBT, - element: document.getElementById('y_axis_'+css_name), + element: document.getElementById('y_axis_'+css_name) } ); var legend = new Rickshaw.Graph.Legend( { element: document.querySelector('#legend_'+css_name), graph: graph } ); - var hoverDetail = new Rickshaw.Graph.HoverDetail( { + var shelving = new Rickshaw.Graph.Behavior.Series.Toggle( { graph: graph, - formatter: function(series, x, y) { - var date = '<span class="date">' + new Date(x * 1000).toUTCString() + '</span>'; - var swatch = '<span class="detail_swatch" style="background-color: ' + series.color + '"></span>'; - var content = swatch + series.name + ": " + parseInt(y) + '<br>' + date; - return content; - } + legend: legend } ); graph.render(); };