fix: radar clashing axis titles (#618)

* fix: add textAlign for radar X axis title

* refactor: use default as base for radar

src/visualizations/config/adapters/dhis_highcharts/xAxis/index.js

@@ -3,12 +3,14 @@ import getAxisTitle from '../getAxisTitle'
 import getCategories from '../getCategories'
 import getYearOnYear from './yearOnYear'
 import getTwoCategory from './twoCategory'
+import getRadar from './radar'
 import {
     VIS_TYPE_GAUGE,
     VIS_TYPE_YEAR_OVER_YEAR_LINE,
     VIS_TYPE_YEAR_OVER_YEAR_COLUMN,
     VIS_TYPE_PIE,
-    isTwoCategoryChartType,
+    VIS_TYPE_RADAR,
+    isTwoCategoryChartType, 
 } from '../../../../../modules/visTypes'
 import { 
     FONT_STYLE_HORIZONTAL_AXIS_TITLE, 
@@ -32,7 +34,7 @@ export const getLabelsStyle = fontStyle => fontStyle ? {
     },
 } : {}
 
-const getDefault = (store, layout) =>
+export const getDefault = (store, layout) =>
     objectClean({
         categories: getCategories(store.data[0].metaData, layout.rows[0].dimension),
         title: getAxisTitle(layout.domainAxisLabel, layout.fontStyle[FONT_STYLE_HORIZONTAL_AXIS_TITLE], FONT_STYLE_HORIZONTAL_AXIS_TITLE, layout.type),
@@ -54,6 +56,9 @@ export default function(store, layout, extraOptions) {
             case VIS_TYPE_YEAR_OVER_YEAR_COLUMN:
                 xAxis = [getYearOnYear(store, layout, extraOptions)]
                 break
+            case VIS_TYPE_RADAR:
+                xAxis = [getRadar(store, layout)]
+                break
             default:
                 xAxis = [getDefault(store, layout)]
         }

src/visualizations/config/adapters/dhis_highcharts/xAxis/radar.js

@@ -0,0 +1,13 @@
+import isString from 'd2-utilizr/lib/isString'
+import { FONT_STYLE_HORIZONTAL_AXIS_TITLE, FONT_STYLE_OPTION_TEXT_ALIGN, TEXT_ALIGN_CENTER } from '../../../../../modules/fontStyle'
+import { getDefault } from './'
+
+export default (store, layout) => {
+    const config = getDefault(store, layout)
+
+    if (isString(layout.domainAxisLabel) && config.title && layout.fontStyle[FONT_STYLE_HORIZONTAL_AXIS_TITLE][FONT_STYLE_OPTION_TEXT_ALIGN] === TEXT_ALIGN_CENTER) {
+        config.title.textAlign = 'right'
+    }
+
+    return config
+}