--- a/ckanext/ga_report/templates/ga_report/ga_util.html +++ b/ckanext/ga_report/templates/ga_report/ga_util.html @@ -30,36 +30,14 @@ </table> -<div py:def="rickshaw_graph(items_json,id)"> +<div py:def="rickshaw_graph(items_json,id,mode='line',colorscheme='munin')"> <div id="chart_container_$id" class="rickshaw_chart_container"> <div id="y_axis_$id" class="rickshaw_y_axis"></div> <div id="chart_$id" class="rickshaw_chart"></div> <div id="legend_$id" class="rickshaw_legend"></div> <script type="text/javascript"> $(function() { - var all_series = ${items_json}; - var palette = new Rickshaw.Color.Palette( { scheme: 'munin' } ); - $.each(all_series, function(i, object) { - object['color'] = palette.color(); - }); - var graph = new Rickshaw.Graph( { - element: document.querySelector("#chart_$id"), - renderer: 'line', - series: all_series , - height: 328 - }); - var x_axis = new Rickshaw.Graph.Axis.Time( { graph: graph } ); - var y_axis = new Rickshaw.Graph.Axis.Y( { - graph: graph, - orientation: 'left', - tickFormat: Rickshaw.Fixtures.Number.formatKMBT, - element: document.getElementById('y_axis_$id'), - } ); - var legend = new Rickshaw.Graph.Legend( { - element: document.querySelector('#legend_$id'), - graph: graph - } ); - graph.render(); + CKAN.GA_Reports.render_rickshaw('$id', $items_json, '$mode', '$colorscheme'); }); </script> </div>