From 0a140baa74348cf3270c9614f3288ec1bcf9c9db Mon Sep 17 00:00:00 2001 From: Jochen Topf Date: Fri, 19 Sep 2014 10:52:10 +0200 Subject: Make chart in overview tab on key page smaller if page is small. This fixes #60. If the chart gets to small it doesn't look good any more, because labels will overlap. But it is better than before. --- web/views/key.erb | 21 ++++++++++++++------- 1 file changed, 14 insertions(+), 7 deletions(-) (limited to 'web') diff --git a/web/views/key.erb b/web/views/key.erb index 49f0c94..b13aaf5 100644 --- a/web/views/key.erb +++ b/web/views/key.erb @@ -110,6 +110,17 @@ <% javascript do JS.raw(<<"JAVASCRIPT") +function redraw_chart() { + jQuery('#canvas-values').html(''); + var max_height = jQuery(window).height() - 300; + create_chart({ + key: #{ @key.to_json }, + width: 160, + height: Math.min(440, max_height), + max: #{ @count_all_values }, + data: #{ @prevalent_values.to_json() } + }); +} function page_init2() { var filter = #{ @filter_type.to_json }, key = #{ @key.to_json }; @@ -129,13 +140,9 @@ function page_init2() { }); init_tabs([key, filter, #{ r18n.locale.code.to_json }]); - create_chart({ - key: key, - width: 160, - height: 440, - max: #{ @count_all_values }, - data: #{ @prevalent_values.to_json() } - }); + + redraw_chart(); + jQuery(window).resize(redraw_chart); } JAVASCRIPT end -- cgit v1.2.3