[MIM-1973] added custom responsive config to barNegativeConfig (#2796)

added custom responsive config to barNegativeConfig
statisticsnorway · Jun 13, 2024 · b726f09 · b726f09
1 parent 311764e
commit b726f09
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 2 deletions.
diff --git a/src/main/resources/lib/ssb/parts/highcharts/graph/config.ts b/src/main/resources/lib/ssb/parts/highcharts/graph/config.ts
@@ -315,7 +315,7 @@ export const createDefaultConfig = (highchartData, displayName, language) => ({
             },
           },
           yAxis: [
-            // overrides left y axis
+            // left y axis
             {
               labels: {
                 align: 'right',
@@ -329,7 +329,7 @@ export const createDefaultConfig = (highchartData, displayName, language) => ({
                 text: isEnabled('highcharts-y-axix-title-mobile', true, 'ssb') ? highchartData.yAxisTitle : '',
               },
             },
-            // overrides right y axis
+            // right y axis
             {
               labels: {
                 align: 'left',

diff --git a/src/main/resources/lib/ssb/parts/highcharts/graph/graphBarNegativeConfig.ts b/src/main/resources/lib/ssb/parts/highcharts/graph/graphBarNegativeConfig.ts
@@ -45,6 +45,31 @@ export function barNegativeConfig(highchartContent, options) {
         description: options.xAxisLabel ? options.xAxisLabel : undefined,
       },
     },
+    responsive: {
+      rules: [
+        {
+          chartOptions: {
+            chart: {
+              height: '120%',
+            },
+            // NOTE: on negative bar chart, xAxis is vertical and yAxis is horizontal, don't ask why.
+            yAxis: {
+              labels: {
+                y: 20,
+              },
+            },
+            xAxis: {
+              labels: {
+                y: 7,
+              },
+            },
+          },
+          condition: {
+            maxWidth: 450,
+          },
+        },
+      ],
+    },
   }
   return mergeDeepRight(defaultConfig, customConfig)
 }