| var CKAN = CKAN || {}; | var CKAN = CKAN || {}; |
| CKAN.GA_Reports = {}; | CKAN.GA_Reports = {}; |
| CKAN.GA_Reports.render_rickshaw = function( css_name, data, mode, colorscheme ) { | CKAN.GA_Reports.render_rickshaw = function( css_name, data, mode, colorscheme ) { |
| var palette = new Rickshaw.Color.Palette( { scheme: colorscheme } ); | var palette = new Rickshaw.Color.Palette( { scheme: colorscheme } ); |
| $.each(data, function(i, object) { | $.each(data, function(i, object) { |
| object['color'] = palette.color(); | object['color'] = palette.color(); |
| }); | }); |
| var graphElement = document.querySelector("#chart_"+css_name); | var graphElement = document.querySelector("#chart_"+css_name); |
| var graph = new Rickshaw.Graph( { | var graph = new Rickshaw.Graph( { |
| element: document.querySelector("#chart_"+css_name), | element: document.querySelector("#chart_"+css_name), |
| renderer: mode, | renderer: mode, |
| series: data , | series: data , |
| height: 328 | height: 328 |
| }); | }); |
| graph.render(); | |
| var x_axis = new Rickshaw.Graph.Axis.Time( { graph: graph } ); | var x_axis = new Rickshaw.Graph.Axis.Time( { graph: graph } ); |
| var y_axis = new Rickshaw.Graph.Axis.Y( { | var y_axis = new Rickshaw.Graph.Axis.Y( { |
| graph: graph, | graph: graph, |
| orientation: 'left', | orientation: 'left', |
| tickFormat: Rickshaw.Fixtures.Number.formatKMBT, | 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( { | var legend = new Rickshaw.Graph.Legend( { |
| element: document.querySelector('#legend_'+css_name), | element: document.querySelector('#legend_'+css_name), |
| graph: graph | graph: graph |
| } ); | } ); |
| var hoverDetail = new Rickshaw.Graph.HoverDetail( { | var hoverDetail = new Rickshaw.Graph.HoverDetail( { |
| graph: graph, | graph: graph, |
| formatter: function(series, x, y) { | formatter: function(series, x, y) { |
| var date = '<span class="date">' + new Date(x * 1000).toUTCString() + '</span>'; | var date = '<span class="date">' + new Date(x * 1000).toUTCString() + '</span>'; |
| var swatch = '<span class="detail_swatch" style="background-color: ' + series.color + '"></span>'; | var swatch = '<span class="detail_swatch" style="background-color: ' + series.color + '"></span>'; |
| var content = swatch + series.name + ": " + parseInt(y) + '<br>' + date; | var content = swatch + series.name + ": " + parseInt(y) + '<br>' + date; |
| return content; | return content; |
| } | } |
| } ); | } ); |
| graph.render(); | |
| }; | }; |