feat: add generic mechanism for rendering custom SVGs on chart load e…

…vent

src/visualizations/config/adapters/dhis_highcharts/chart.js

@@ -1,3 +1,4 @@
+import { renderCustomSVG } from './custom/index.js'
 import getType from './type.js'
 
 const DEFAULT_CHART = {
@@ -31,6 +32,7 @@ const getEvents = () => ({
                     })
                 }
             })
+            renderCustomSVG.call(this)
         },
     },
 })

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

@@ -0,0 +1,29 @@
+import { VIS_TYPE_SINGLE_VALUE } from '../../../../../modules/visTypes.js'
+
+export function renderCustomSVG() {
+    const renderer = this.renderer
+    const options = this.userOptions.customSVGOptions
+
+    switch (options.visualizationType) {
+        case VIS_TYPE_SINGLE_VALUE:
+            console.log('now render SV viz', renderer, options)
+            break
+        default:
+            break
+    }
+}
+
+export function getCustomSVGOptions({ layout }) {
+    const baseOptions = {
+        visualizationType: layout.type,
+    }
+    switch (layout.type) {
+        case VIS_TYPE_SINGLE_VALUE:
+            return {
+                ...baseOptions,
+                test: 1,
+            }
+        default:
+            return null
+    }
+}

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

@@ -15,6 +15,7 @@ import {
 import { defaultMultiAxisTheme1 } from '../../../util/colors/themes.js'
 import addTrendLines, { isRegressionIneligible } from './addTrendLines.js'
 import getChart from './chart.js'
+import { getCustomSVGOptions } from './custom/index.js'
 import getScatterData from './getScatterData.js'
 import getSortedConfig from './getSortedConfig.js'
 import getTrimmedConfig from './getTrimmedConfig.js'
@@ -231,8 +232,17 @@ export default function ({ store, layout, el, extraConfig, extraOptions }) {
         )
     }
 
+    /* The config object passed to the Highcharts Chart constructor
+     * can contain arbitrary properties, which are made accessible
+     * under the Chart instance's `userOptions` member. This means
+     * that in event callback functions the custom SVG options are
+     * accessible as `this.userOptions.customSVGOptions` */
+    config.customSVGOptions = getCustomSVGOptions({ layout })
+
     // force apply extra config
     Object.assign(config, extraConfig)
 
+    console.log('CONFIG', objectClean(config))
+
     return objectClean(config)
 }