hide yAxis labels on small screens

sledilnik · Dec 10, 2020 · d15b8d5 · d15b8d5
1 parent 21bb868
commit d15b8d5
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 0 deletions.
diff --git a/src/visualizations/DailyComparisonChart.fs b/src/visualizations/DailyComparisonChart.fs
@@ -240,6 +240,18 @@ let renderChartOptions (state : State) dispatch =
                 href = "https://www.nijz.si/sl/dnevno-spremljanje-okuzb-s-sars-cov-2-covid-19"
             |}
 
+        responsive = pojo
+            {|
+                rules =
+                    [| {|
+                        condition = {| maxWidth = 768 |}
+                        chartOptions =
+                            {|
+                                yAxis = [| {| labels = pojo {| enabled = false |} |} |]
+                            |}
+                    |} |]
+            |}
+
         navigator = pojo {| enabled = false |}
         scrollbar = pojo {| enabled = false |}
         rangeSelector = pojo {| enabled = false |}

diff --git a/src/visualizations/ExcessDeathsChart/Absolute.fs b/src/visualizations/ExcessDeathsChart/Absolute.fs
@@ -40,6 +40,17 @@ let renderChartOptions (data : WeeklyDeathsData) =
        yAxis = {| min = 0 ; title = {| text = None |} ; opposite = true |}
        tooltip = {| formatter = fun () -> sprintf "%s<br>%s: <b>%d</b>" jsThis?series?name jsThis?key jsThis?y |} |> pojo
        series = series
+       responsive = pojo
+            {|
+                rules =
+                    [| {|
+                        condition = {| maxWidth = 768 |}
+                        chartOptions =
+                            {|
+                                yAxis = [| {| labels = pojo {| enabled = false |} |} |]
+                            |}
+                    |} |]
+            |}
        credits =
         {| enabled = true
            text = sprintf "%s: %s"

diff --git a/src/visualizations/ExcessDeathsChart/Relative.fs b/src/visualizations/ExcessDeathsChart/Relative.fs
@@ -171,6 +171,17 @@ let renderChartOptions (data : WeeklyDeathsData) (statsData : StatsData) =
        yAxis = {| title = {| text = None |} ; opposite = true ; labels = {| formatter = fun (x) -> x?value + " %" |} |> pojo |}
        tooltip = {| formatter = fun () -> sprintf "%s: <b>%.1f %%</b>" jsThis?key jsThis?y |} |> pojo
        series = series
+       responsive = pojo
+            {|
+                rules =
+                    [| {|
+                        condition = {| maxWidth = 768 |}
+                        chartOptions =
+                            {|
+                                yAxis = [| {| labels = pojo {| enabled = false |} |} |]
+                            |}
+                    |} |]
+            |}
        credits =
         {| enabled = true
            text = sprintf "%s: %s, %s"