@hisptz/dhis2-analytics 1.0.65 → 2.0.0-alpha.0

package/dist/components/ChartAnalytics/models/column.mjs

@@ -0,0 +1,48 @@
+import { getPointSeries, getAllCategories } from '../utils/chart';
+import { DHIS2Chart } from './index';
+
+class DHIS2ColumnChart extends DHIS2Chart {
+  getCategories() {
+    return void 0;
+  }
+  getHighchartsType() {
+    return "column";
+  }
+  getPlotOptions() {
+    return {
+      column: {
+        dataLabels: {
+          enabled: true
+        }
+      }
+    };
+  }
+  getSeries() {
+    return getPointSeries(this.analytics, this.config, "column");
+  }
+  getXAxis() {
+    return {
+      type: "category",
+      categories: getAllCategories(this.analytics, this.config),
+      crosshair: true,
+      labels: {
+        enabled: true
+      },
+      title: { text: "" }
+    };
+  }
+}
+class DHIS2StackedColumnChart extends DHIS2ColumnChart {
+  getPlotOptions() {
+    return {
+      column: {
+        stacking: "normal",
+        ...super.getPlotOptions().column
+      }
+    };
+  }
+}
+
+export { DHIS2ColumnChart, DHIS2StackedColumnChart };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=column.mjs.map

package/dist/components/ChartAnalytics/models/column.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/column.ts"],"names":[],"mappings":"AACA,SAAS,kBAAkB,sBAAsB;AACjD,SAAS,kBAAkB;AAEpB,MAAM,yBAAyB,WAAW;AAAA,EAChD,gBAAmC;AAClC,WAAO;AAAA,EACR;AAAA,EAEA,oBAA4B;AAC3B,WAAO;AAAA,EACR;AAAA,EAEA,iBAA8B;AAC7B,WAAO;AAAA,MACN,QAAQ;AAAA,QACP,YAAY;AAAA,UACX,SAAS;AAAA,QACV;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EAEA,YAAiC;AAChC,WAAO,eAAe,KAAK,WAAW,KAAK,QAAQ,QAAQ;AAAA,EAC5D;AAAA,EAEA,WAAqC;AACpC,WAAO;AAAA,MACN,MAAM;AAAA,MACN,YAAY,iBAAiB,KAAK,WAAW,KAAK,MAAM;AAAA,MACxD,WAAW;AAAA,MACX,QAAQ;AAAA,QACP,SAAS;AAAA,MACV;AAAA,MACA,OAAO,EAAE,MAAM,GAAG;AAAA,IACnB;AAAA,EACD;AACD;AAEO,MAAM,gCAAgC,iBAAiB;AAAA,EAC5D,iBAA8B;AAC5B,WAAO;AAAA,MACL,QAAQ;AAAA,QACN,UAAU;AAAA,QACV,GAAG,MAAM,eAAe,EAAE;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AACF","sourcesContent":["import { PlotOptions, SeriesOptionsType, XAxisOptions } from \"highcharts\";\nimport { getAllCategories, getPointSeries } from \"../utils/chart\";\nimport { DHIS2Chart } from \"./index\";\n\nexport class DHIS2ColumnChart extends DHIS2Chart {\n\tgetCategories(): any[] | undefined {\n\t\treturn undefined;\n\t}\n\n\tgetHighchartsType(): string {\n\t\treturn \"column\";\n\t}\n\n\tgetPlotOptions(): PlotOptions {\n\t\treturn {\n\t\t\tcolumn: {\n\t\t\t\tdataLabels: {\n\t\t\t\t\tenabled: true,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tgetSeries(): SeriesOptionsType[] {\n\t\treturn getPointSeries(this.analytics, this.config, \"column\");\n\t}\n\n\tgetXAxis(): XAxisOptions | undefined {\n\t\treturn {\n\t\t\ttype: \"category\",\n\t\t\tcategories: getAllCategories(this.analytics, this.config),\n\t\t\tcrosshair: true,\n\t\t\tlabels: {\n\t\t\t\tenabled: true,\n\t\t\t},\n\t\t\ttitle: { text: \"\" },\n\t\t};\n\t}\n}\n\nexport class DHIS2StackedColumnChart extends DHIS2ColumnChart {\n  getPlotOptions(): PlotOptions {\n    return {\n      column: {\n        stacking: \"normal\",\n        ...super.getPlotOptions().column,\n      },\n    };\n  }\n}\n\n\n"]}

package/dist/components/ChartAnalytics/models/index.js

@@ -0,0 +1,119 @@
+'use strict';
+
+class DHIS2Chart {
+  id;
+  analytics;
+  config;
+  constructor(id, analytics, config) {
+    this.id = id;
+    this.analytics = analytics;
+    this.config = config;
+  }
+  getChartConfig() {
+    return {
+      renderTo: this.id,
+      zoomType: "xy",
+      type: this.getHighchartsType(),
+      height: this.config?.height,
+      styledMode: false
+    };
+  }
+  getOptions() {
+    const options = {
+      yAxis: this.getYAxis(),
+      chart: this.getChartConfig(),
+      colors: this.config?.colors ?? [
+        "#a8bf24",
+        "#518cc3",
+        "#d74554",
+        "#ff9e21",
+        "#968f8f",
+        "#ba3ba1",
+        "#ffda54",
+        "#45beae",
+        "#b98037",
+        "#676767",
+        "#6b2dd4",
+        "#47792c",
+        "#fcbdbd",
+        "#830000",
+        "#a5ffc0",
+        "#000078",
+        "#817c00",
+        "#bdf023",
+        "#fffac4"
+      ],
+      series: this.getSeries(),
+      plotOptions: this.getPlotOptions(),
+      title: { text: "" },
+      xAxis: this.getXAxis(),
+      exporting: this.getExporting(),
+      legend: { enabled: true },
+      credits: { enabled: false }
+    };
+    let overrides = {};
+    if (this.config?.highChartOverrides) {
+      overrides = {
+        ...typeof this.config?.highChartOverrides === "object" ? this.config?.highChartOverrides ?? {} : this.config?.highChartOverrides(options)
+      };
+    }
+    return {
+      ...options,
+      ...overrides
+    };
+  }
+  getYAxis() {
+    return [
+      {
+        title: {
+          text: "",
+          style: {
+            color: "#000000",
+            fontWeight: "normal",
+            fontSize: "14px"
+          }
+        },
+        labels: {
+          enabled: true,
+          style: {
+            color: "#000000",
+            fontWeight: "normal",
+            fontSize: "14px"
+          }
+        },
+        plotLines: [
+          {
+            color: "#000000",
+            dashStyle: "Solid",
+            width: 2,
+            zIndex: 1e3,
+            label: { text: "" }
+          },
+          {
+            color: "#bbbbbb",
+            dashStyle: "Solid",
+            zIndex: 1e3,
+            width: 2,
+            label: { text: "" }
+          }
+        ]
+      }
+    ];
+  }
+  getExporting() {
+    const name = this.config?.name ?? "chart";
+    return {
+      filename: `${name}`,
+      sourceWidth: 1200,
+      buttons: {
+        contextButton: {
+          enabled: false
+        }
+      }
+    };
+  }
+}
+
+exports.DHIS2Chart = DHIS2Chart;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ChartAnalytics/models/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/index.ts"],"names":[],"mappings":"AAIO,MAAe,WAAW;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EAEA,YAAY,IAAY,WAAsB,QAAqB;AAClE,SAAK,KAAK;AACV,SAAK,YAAY;AACjB,SAAK,SAAS;AAAA,EACf;AAAA,EAIA,iBAAgD;AAC/C,WAAO;AAAA,MACN,UAAU,KAAK;AAAA,MACf,UAAU;AAAA,MACV,MAAM,KAAK,kBAAkB;AAAA,MAC7B,QAAQ,KAAK,QAAQ;AAAA,MACrB,YAAY;AAAA,IACb;AAAA,EACD;AAAA,EAEA,aAAiC;AAChC,UAAM,UAAU;AAAA,MACf,OAAO,KAAK,SAAS;AAAA,MACrB,OAAO,KAAK,eAAe;AAAA,MAC3B,QAAQ,KAAK,QAAQ,UAAU;AAAA,QAC9B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACA,QAAQ,KAAK,UAAU;AAAA,MACvB,aAAa,KAAK,eAAe;AAAA,MACjC,OAAO,EAAE,MAAM,GAAG;AAAA,MAClB,OAAO,KAAK,SAAS;AAAA,MACrB,WAAW,KAAK,aAAa;AAAA,MAC7B,QAAQ,EAAE,SAAS,KAAK;AAAA,MACxB,SAAS,EAAE,SAAS,MAAM;AAAA,IAC3B;AAEA,QAAI,YAAY,CAAC;AAEjB,QAAI,KAAK,QAAQ,oBAAoB;AACpC,kBAAY;AAAA,QACX,GAAI,OAAO,KAAK,QAAQ,uBAAuB,WAC5C,KAAK,QAAQ,sBAAsB,CAAC,IACpC,KAAK,QAAQ,mBAAmB,OAAO;AAAA,MAC3C;AAAA,IACD;AAEA,WAAO;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACJ;AAAA,EACD;AAAA,EAQA,WAAsC;AACrC,WAAO;AAAA,MACN;AAAA,QACC,OAAO;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,YACN,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,UAAU;AAAA,UACX;AAAA,QACD;AAAA,QACA,QAAQ;AAAA,UACP,SAAS;AAAA,UACT,OAAO;AAAA,YACN,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,UAAU;AAAA,UACX;AAAA,QACD;AAAA,QACA,WAAW;AAAA,UACV;AAAA,YACC,OAAO;AAAA,YACP,WAAW;AAAA,YACX,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,OAAO,EAAE,MAAM,GAAG;AAAA,UACnB;AAAA,UACA;AAAA,YACC,OAAO;AAAA,YACP,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,OAAO,EAAE,MAAM,GAAG;AAAA,UACnB;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EAEA,eAA4C;AAC3C,UAAM,OAAO,KAAK,QAAQ,QAAQ;AAClC,WAAO;AAAA,MACN,UAAU,GAAG,IAAI;AAAA,MACjB,aAAa;AAAA,MACb,SAAS;AAAA,QACR,eAAe;AAAA,UACd,SAAS;AAAA,QACV;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD","sourcesContent":["import type { Analytics } from \"@hisptz/dhis2-utils\";\nimport HighCharts from \"highcharts\";\nimport { ChartConfig } from \"../types/props\";\n\nexport abstract class DHIS2Chart {\n\tid: string;\n\tanalytics: Analytics;\n\tconfig: ChartConfig;\n\n\tconstructor(id: string, analytics: Analytics, config: ChartConfig) {\n\t\tthis.id = id;\n\t\tthis.analytics = analytics;\n\t\tthis.config = config;\n\t}\n\n\tabstract getHighchartsType(): string;\n\n\tgetChartConfig(): HighCharts.ChartOptions & any {\n\t\treturn {\n\t\t\trenderTo: this.id,\n\t\t\tzoomType: \"xy\",\n\t\t\ttype: this.getHighchartsType(),\n\t\t\theight: this.config?.height,\n\t\t\tstyledMode: false,\n\t\t};\n\t}\n\n\tgetOptions(): HighCharts.Options {\n\t\tconst options = {\n\t\t\tyAxis: this.getYAxis(),\n\t\t\tchart: this.getChartConfig(),\n\t\t\tcolors: this.config?.colors ?? [\n\t\t\t\t\"#a8bf24\",\n\t\t\t\t\"#518cc3\",\n\t\t\t\t\"#d74554\",\n\t\t\t\t\"#ff9e21\",\n\t\t\t\t\"#968f8f\",\n\t\t\t\t\"#ba3ba1\",\n\t\t\t\t\"#ffda54\",\n\t\t\t\t\"#45beae\",\n\t\t\t\t\"#b98037\",\n\t\t\t\t\"#676767\",\n\t\t\t\t\"#6b2dd4\",\n\t\t\t\t\"#47792c\",\n\t\t\t\t\"#fcbdbd\",\n\t\t\t\t\"#830000\",\n\t\t\t\t\"#a5ffc0\",\n\t\t\t\t\"#000078\",\n\t\t\t\t\"#817c00\",\n\t\t\t\t\"#bdf023\",\n\t\t\t\t\"#fffac4\",\n\t\t\t],\n\t\t\tseries: this.getSeries(),\n\t\t\tplotOptions: this.getPlotOptions(),\n\t\t\ttitle: { text: \"\" },\n\t\t\txAxis: this.getXAxis(),\n\t\t\texporting: this.getExporting(),\n\t\t\tlegend: { enabled: true },\n\t\t\tcredits: { enabled: false },\n\t\t};\n\n\t\tlet overrides = {};\n\n\t\tif (this.config?.highChartOverrides) {\n\t\t\toverrides = {\n\t\t\t\t...(typeof this.config?.highChartOverrides === \"object\"\n\t\t\t\t\t? this.config?.highChartOverrides ?? {}\n\t\t\t\t\t: this.config?.highChartOverrides(options)),\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\t...options,\n\t\t\t...overrides,\n\t\t};\n\t}\n\n\tabstract getSeries(): HighCharts.SeriesOptionsType[];\n\n\tabstract getPlotOptions(): HighCharts.PlotOptions;\n\n\tabstract getXAxis(): HighCharts.XAxisOptions | undefined;\n\n\tgetYAxis(): HighCharts.YAxisOptions[] {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: \"\",\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tcolor: \"#000000\",\n\t\t\t\t\t\tfontWeight: \"normal\",\n\t\t\t\t\t\tfontSize: \"14px\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tlabels: {\n\t\t\t\t\tenabled: true,\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tcolor: \"#000000\",\n\t\t\t\t\t\tfontWeight: \"normal\",\n\t\t\t\t\t\tfontSize: \"14px\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tplotLines: [\n\t\t\t\t\t{\n\t\t\t\t\t\tcolor: \"#000000\",\n\t\t\t\t\t\tdashStyle: \"Solid\",\n\t\t\t\t\t\twidth: 2,\n\t\t\t\t\t\tzIndex: 1000,\n\t\t\t\t\t\tlabel: { text: \"\" },\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tcolor: \"#bbbbbb\",\n\t\t\t\t\t\tdashStyle: \"Solid\",\n\t\t\t\t\t\tzIndex: 1000,\n\t\t\t\t\t\twidth: 2,\n\t\t\t\t\t\tlabel: { text: \"\" },\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t];\n\t}\n\n\tgetExporting(): HighCharts.ExportingOptions {\n\t\tconst name = this.config?.name ?? \"chart\";\n\t\treturn {\n\t\t\tfilename: `${name}`,\n\t\t\tsourceWidth: 1200,\n\t\t\tbuttons: {\n\t\t\t\tcontextButton: {\n\t\t\t\t\tenabled: false,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n}\n"]}

package/dist/components/ChartAnalytics/models/index.mjs

@@ -0,0 +1,117 @@
+class DHIS2Chart {
+  id;
+  analytics;
+  config;
+  constructor(id, analytics, config) {
+    this.id = id;
+    this.analytics = analytics;
+    this.config = config;
+  }
+  getChartConfig() {
+    return {
+      renderTo: this.id,
+      zoomType: "xy",
+      type: this.getHighchartsType(),
+      height: this.config?.height,
+      styledMode: false
+    };
+  }
+  getOptions() {
+    const options = {
+      yAxis: this.getYAxis(),
+      chart: this.getChartConfig(),
+      colors: this.config?.colors ?? [
+        "#a8bf24",
+        "#518cc3",
+        "#d74554",
+        "#ff9e21",
+        "#968f8f",
+        "#ba3ba1",
+        "#ffda54",
+        "#45beae",
+        "#b98037",
+        "#676767",
+        "#6b2dd4",
+        "#47792c",
+        "#fcbdbd",
+        "#830000",
+        "#a5ffc0",
+        "#000078",
+        "#817c00",
+        "#bdf023",
+        "#fffac4"
+      ],
+      series: this.getSeries(),
+      plotOptions: this.getPlotOptions(),
+      title: { text: "" },
+      xAxis: this.getXAxis(),
+      exporting: this.getExporting(),
+      legend: { enabled: true },
+      credits: { enabled: false }
+    };
+    let overrides = {};
+    if (this.config?.highChartOverrides) {
+      overrides = {
+        ...typeof this.config?.highChartOverrides === "object" ? this.config?.highChartOverrides ?? {} : this.config?.highChartOverrides(options)
+      };
+    }
+    return {
+      ...options,
+      ...overrides
+    };
+  }
+  getYAxis() {
+    return [
+      {
+        title: {
+          text: "",
+          style: {
+            color: "#000000",
+            fontWeight: "normal",
+            fontSize: "14px"
+          }
+        },
+        labels: {
+          enabled: true,
+          style: {
+            color: "#000000",
+            fontWeight: "normal",
+            fontSize: "14px"
+          }
+        },
+        plotLines: [
+          {
+            color: "#000000",
+            dashStyle: "Solid",
+            width: 2,
+            zIndex: 1e3,
+            label: { text: "" }
+          },
+          {
+            color: "#bbbbbb",
+            dashStyle: "Solid",
+            zIndex: 1e3,
+            width: 2,
+            label: { text: "" }
+          }
+        ]
+      }
+    ];
+  }
+  getExporting() {
+    const name = this.config?.name ?? "chart";
+    return {
+      filename: `${name}`,
+      sourceWidth: 1200,
+      buttons: {
+        contextButton: {
+          enabled: false
+        }
+      }
+    };
+  }
+}
+
+export { DHIS2Chart };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/components/ChartAnalytics/models/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/index.ts"],"names":[],"mappings":"AAIO,MAAe,WAAW;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EAEA,YAAY,IAAY,WAAsB,QAAqB;AAClE,SAAK,KAAK;AACV,SAAK,YAAY;AACjB,SAAK,SAAS;AAAA,EACf;AAAA,EAIA,iBAAgD;AAC/C,WAAO;AAAA,MACN,UAAU,KAAK;AAAA,MACf,UAAU;AAAA,MACV,MAAM,KAAK,kBAAkB;AAAA,MAC7B,QAAQ,KAAK,QAAQ;AAAA,MACrB,YAAY;AAAA,IACb;AAAA,EACD;AAAA,EAEA,aAAiC;AAChC,UAAM,UAAU;AAAA,MACf,OAAO,KAAK,SAAS;AAAA,MACrB,OAAO,KAAK,eAAe;AAAA,MAC3B,QAAQ,KAAK,QAAQ,UAAU;AAAA,QAC9B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACA,QAAQ,KAAK,UAAU;AAAA,MACvB,aAAa,KAAK,eAAe;AAAA,MACjC,OAAO,EAAE,MAAM,GAAG;AAAA,MAClB,OAAO,KAAK,SAAS;AAAA,MACrB,WAAW,KAAK,aAAa;AAAA,MAC7B,QAAQ,EAAE,SAAS,KAAK;AAAA,MACxB,SAAS,EAAE,SAAS,MAAM;AAAA,IAC3B;AAEA,QAAI,YAAY,CAAC;AAEjB,QAAI,KAAK,QAAQ,oBAAoB;AACpC,kBAAY;AAAA,QACX,GAAI,OAAO,KAAK,QAAQ,uBAAuB,WAC5C,KAAK,QAAQ,sBAAsB,CAAC,IACpC,KAAK,QAAQ,mBAAmB,OAAO;AAAA,MAC3C;AAAA,IACD;AAEA,WAAO;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACJ;AAAA,EACD;AAAA,EAQA,WAAsC;AACrC,WAAO;AAAA,MACN;AAAA,QACC,OAAO;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,YACN,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,UAAU;AAAA,UACX;AAAA,QACD;AAAA,QACA,QAAQ;AAAA,UACP,SAAS;AAAA,UACT,OAAO;AAAA,YACN,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,UAAU;AAAA,UACX;AAAA,QACD;AAAA,QACA,WAAW;AAAA,UACV;AAAA,YACC,OAAO;AAAA,YACP,WAAW;AAAA,YACX,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,OAAO,EAAE,MAAM,GAAG;AAAA,UACnB;AAAA,UACA;AAAA,YACC,OAAO;AAAA,YACP,WAAW;AAAA,YACX,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,OAAO,EAAE,MAAM,GAAG;AAAA,UACnB;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAAA,EAEA,eAA4C;AAC3C,UAAM,OAAO,KAAK,QAAQ,QAAQ;AAClC,WAAO;AAAA,MACN,UAAU,GAAG,IAAI;AAAA,MACjB,aAAa;AAAA,MACb,SAAS;AAAA,QACR,eAAe;AAAA,UACd,SAAS;AAAA,QACV;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD","sourcesContent":["import type { Analytics } from \"@hisptz/dhis2-utils\";\nimport HighCharts from \"highcharts\";\nimport { ChartConfig } from \"../types/props\";\n\nexport abstract class DHIS2Chart {\n\tid: string;\n\tanalytics: Analytics;\n\tconfig: ChartConfig;\n\n\tconstructor(id: string, analytics: Analytics, config: ChartConfig) {\n\t\tthis.id = id;\n\t\tthis.analytics = analytics;\n\t\tthis.config = config;\n\t}\n\n\tabstract getHighchartsType(): string;\n\n\tgetChartConfig(): HighCharts.ChartOptions & any {\n\t\treturn {\n\t\t\trenderTo: this.id,\n\t\t\tzoomType: \"xy\",\n\t\t\ttype: this.getHighchartsType(),\n\t\t\theight: this.config?.height,\n\t\t\tstyledMode: false,\n\t\t};\n\t}\n\n\tgetOptions(): HighCharts.Options {\n\t\tconst options = {\n\t\t\tyAxis: this.getYAxis(),\n\t\t\tchart: this.getChartConfig(),\n\t\t\tcolors: this.config?.colors ?? [\n\t\t\t\t\"#a8bf24\",\n\t\t\t\t\"#518cc3\",\n\t\t\t\t\"#d74554\",\n\t\t\t\t\"#ff9e21\",\n\t\t\t\t\"#968f8f\",\n\t\t\t\t\"#ba3ba1\",\n\t\t\t\t\"#ffda54\",\n\t\t\t\t\"#45beae\",\n\t\t\t\t\"#b98037\",\n\t\t\t\t\"#676767\",\n\t\t\t\t\"#6b2dd4\",\n\t\t\t\t\"#47792c\",\n\t\t\t\t\"#fcbdbd\",\n\t\t\t\t\"#830000\",\n\t\t\t\t\"#a5ffc0\",\n\t\t\t\t\"#000078\",\n\t\t\t\t\"#817c00\",\n\t\t\t\t\"#bdf023\",\n\t\t\t\t\"#fffac4\",\n\t\t\t],\n\t\t\tseries: this.getSeries(),\n\t\t\tplotOptions: this.getPlotOptions(),\n\t\t\ttitle: { text: \"\" },\n\t\t\txAxis: this.getXAxis(),\n\t\t\texporting: this.getExporting(),\n\t\t\tlegend: { enabled: true },\n\t\t\tcredits: { enabled: false },\n\t\t};\n\n\t\tlet overrides = {};\n\n\t\tif (this.config?.highChartOverrides) {\n\t\t\toverrides = {\n\t\t\t\t...(typeof this.config?.highChartOverrides === \"object\"\n\t\t\t\t\t? this.config?.highChartOverrides ?? {}\n\t\t\t\t\t: this.config?.highChartOverrides(options)),\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\t...options,\n\t\t\t...overrides,\n\t\t};\n\t}\n\n\tabstract getSeries(): HighCharts.SeriesOptionsType[];\n\n\tabstract getPlotOptions(): HighCharts.PlotOptions;\n\n\tabstract getXAxis(): HighCharts.XAxisOptions | undefined;\n\n\tgetYAxis(): HighCharts.YAxisOptions[] {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: {\n\t\t\t\t\ttext: \"\",\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tcolor: \"#000000\",\n\t\t\t\t\t\tfontWeight: \"normal\",\n\t\t\t\t\t\tfontSize: \"14px\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tlabels: {\n\t\t\t\t\tenabled: true,\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tcolor: \"#000000\",\n\t\t\t\t\t\tfontWeight: \"normal\",\n\t\t\t\t\t\tfontSize: \"14px\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tplotLines: [\n\t\t\t\t\t{\n\t\t\t\t\t\tcolor: \"#000000\",\n\t\t\t\t\t\tdashStyle: \"Solid\",\n\t\t\t\t\t\twidth: 2,\n\t\t\t\t\t\tzIndex: 1000,\n\t\t\t\t\t\tlabel: { text: \"\" },\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tcolor: \"#bbbbbb\",\n\t\t\t\t\t\tdashStyle: \"Solid\",\n\t\t\t\t\t\tzIndex: 1000,\n\t\t\t\t\t\twidth: 2,\n\t\t\t\t\t\tlabel: { text: \"\" },\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t];\n\t}\n\n\tgetExporting(): HighCharts.ExportingOptions {\n\t\tconst name = this.config?.name ?? \"chart\";\n\t\treturn {\n\t\t\tfilename: `${name}`,\n\t\t\tsourceWidth: 1200,\n\t\t\tbuttons: {\n\t\t\t\tcontextButton: {\n\t\t\t\t\tenabled: false,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n}\n"]}

package/dist/components/ChartAnalytics/models/line.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var chart = require('../utils/chart');
+var index = require('./index');
+
+class DHIS2LineChart extends index.DHIS2Chart {
+  getHighchartsType() {
+    return "line";
+  }
+  getPlotOptions() {
+    return {
+      line: {}
+    };
+  }
+  getSeries() {
+    return chart.getPointSeries(this.analytics, this.config, "line");
+  }
+  getXAxis() {
+    return {
+      type: "category",
+      categories: chart.getAllCategories(this.analytics, this.config),
+      crosshair: true,
+      labels: {
+        enabled: true
+      },
+      title: { text: "" }
+    };
+  }
+}
+
+exports.DHIS2LineChart = DHIS2LineChart;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=line.js.map

package/dist/components/ChartAnalytics/models/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/line.ts"],"names":[],"mappings":"AACA,SAAQ,kBAAkB,sBAAqB;AAC/C,SAAQ,kBAAiB;AAElB,MAAM,uBAAuB,WAAW;AAAA,EAC7C,oBAA4B;AAC1B,WAAO;AAAA,EACT;AAAA,EAEA,iBAA8B;AAC5B,WAAO;AAAA,MACL,MAAM,CAAC;AAAA,IACT;AAAA,EACF;AAAA,EAEA,YAAiC;AAC/B,WAAO,eAAe,KAAK,WAAW,KAAK,QAAQ,MAAM;AAAA,EAC3D;AAAA,EAEA,WAAqC;AACnC,WAAO;AAAA,MACL,MAAM;AAAA,MACN,YAAY,iBAAiB,KAAK,WAAW,KAAK,MAAM;AAAA,MACxD,WAAW;AAAA,MACX,QAAQ;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,OAAO,EAAE,MAAM,GAAG;AAAA,IACpB;AAAA,EACF;AACF","sourcesContent":["import {PlotOptions, SeriesOptionsType, XAxisOptions} from \"highcharts\";\nimport {getAllCategories, getPointSeries} from \"../utils/chart\";\nimport {DHIS2Chart} from \"./index\";\n\nexport class DHIS2LineChart extends DHIS2Chart {\n  getHighchartsType(): string {\n    return \"line\";\n  }\n\n  getPlotOptions(): PlotOptions {\n    return {\n      line: {},\n    };\n  }\n\n  getSeries(): SeriesOptionsType[] {\n    return getPointSeries(this.analytics, this.config, \"line\");\n  }\n\n  getXAxis(): XAxisOptions | undefined {\n    return {\n      type: \"category\",\n      categories: getAllCategories(this.analytics, this.config),\n      crosshair: true,\n      labels: {\n        enabled: true,\n      },\n      title: { text: \"\" },\n    };\n  }\n}\n"]}

package/dist/components/ChartAnalytics/models/line.mjs

@@ -0,0 +1,31 @@
+import { getPointSeries, getAllCategories } from '../utils/chart';
+import { DHIS2Chart } from './index';
+
+class DHIS2LineChart extends DHIS2Chart {
+  getHighchartsType() {
+    return "line";
+  }
+  getPlotOptions() {
+    return {
+      line: {}
+    };
+  }
+  getSeries() {
+    return getPointSeries(this.analytics, this.config, "line");
+  }
+  getXAxis() {
+    return {
+      type: "category",
+      categories: getAllCategories(this.analytics, this.config),
+      crosshair: true,
+      labels: {
+        enabled: true
+      },
+      title: { text: "" }
+    };
+  }
+}
+
+export { DHIS2LineChart };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=line.mjs.map

package/dist/components/ChartAnalytics/models/line.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/line.ts"],"names":[],"mappings":"AACA,SAAQ,kBAAkB,sBAAqB;AAC/C,SAAQ,kBAAiB;AAElB,MAAM,uBAAuB,WAAW;AAAA,EAC7C,oBAA4B;AAC1B,WAAO;AAAA,EACT;AAAA,EAEA,iBAA8B;AAC5B,WAAO;AAAA,MACL,MAAM,CAAC;AAAA,IACT;AAAA,EACF;AAAA,EAEA,YAAiC;AAC/B,WAAO,eAAe,KAAK,WAAW,KAAK,QAAQ,MAAM;AAAA,EAC3D;AAAA,EAEA,WAAqC;AACnC,WAAO;AAAA,MACL,MAAM;AAAA,MACN,YAAY,iBAAiB,KAAK,WAAW,KAAK,MAAM;AAAA,MACxD,WAAW;AAAA,MACX,QAAQ;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA,OAAO,EAAE,MAAM,GAAG;AAAA,IACpB;AAAA,EACF;AACF","sourcesContent":["import {PlotOptions, SeriesOptionsType, XAxisOptions} from \"highcharts\";\nimport {getAllCategories, getPointSeries} from \"../utils/chart\";\nimport {DHIS2Chart} from \"./index\";\n\nexport class DHIS2LineChart extends DHIS2Chart {\n  getHighchartsType(): string {\n    return \"line\";\n  }\n\n  getPlotOptions(): PlotOptions {\n    return {\n      line: {},\n    };\n  }\n\n  getSeries(): SeriesOptionsType[] {\n    return getPointSeries(this.analytics, this.config, \"line\");\n  }\n\n  getXAxis(): XAxisOptions | undefined {\n    return {\n      type: \"category\",\n      categories: getAllCategories(this.analytics, this.config),\n      crosshair: true,\n      labels: {\n        enabled: true,\n      },\n      title: { text: \"\" },\n    };\n  }\n}\n"]}

package/dist/components/ChartAnalytics/models/multi-series.js

@@ -0,0 +1,101 @@
+'use strict';
+
+var lodash = require('lodash');
+var chart = require('../utils/chart');
+var index = require('./index');
+
+class DHIS2MultiSeriesChart extends index.DHIS2Chart {
+  getHighchartsType() {
+    return "";
+  }
+  getPlotOptions() {
+    return {
+      column: {},
+      line: {}
+    };
+  }
+  getSeries() {
+    const analytics = this.analytics;
+    const config = this.config;
+    const categoryDimension = lodash.head(config.layout.category);
+    const seriesConfig = this.config.multiSeries;
+    const categoryIndex = chart.getDimensionHeaderIndex(analytics.headers ?? [], categoryDimension ?? "");
+    const seriesIndex = chart.getDimensionHeaderIndex(analytics.headers ?? [], lodash.head(config.layout.series) ?? "");
+    const valueIndex = chart.getDimensionHeaderIndex(analytics.headers ?? [], "value");
+    if (!categoryDimension) {
+      throw new Error("At least one category dimension is required");
+    }
+    if (!seriesConfig) {
+      throw new Error("MultiSeries config is required for chart type multi-series");
+    }
+    return lodash.compact(
+      seriesConfig?.series?.map(({ id, as, cumulative, yAxis }) => {
+        const dataItem = analytics.metaData?.items[id];
+        const categoryItems = analytics.metaData?.dimensions[categoryDimension];
+        const data = categoryItems?.map((item) => {
+          const row = analytics.rows?.find((row2) => row2[categoryIndex] === item && row2[seriesIndex] === id);
+          return row?.[valueIndex] ? parseFloat(row?.[valueIndex]) : 0;
+        });
+        let cumulativeData = [];
+        if (cumulative) {
+          cumulativeData = data?.reduce((acc, curr, index) => {
+            if (index === 0) {
+              return [...acc, curr];
+            }
+            return [...acc, acc[index - 1] + curr];
+          }, []) ?? [];
+        }
+        return {
+          name: dataItem?.name,
+          data: cumulative ? cumulativeData : data,
+          type: as,
+          yAxis: yAxis ?? 0
+        };
+      })
+    );
+  }
+  getXAxis() {
+    return {
+      type: "category",
+      categories: chart.getAllCategories(this.analytics, this.config),
+      crosshair: true,
+      labels: {
+        enabled: true
+      },
+      title: { text: "" }
+    };
+  }
+  getYAxis() {
+    let yAxes = [];
+    if (this.config.multiSeries?.yAxes) {
+      yAxes = this.config.multiSeries?.yAxes;
+    } else {
+      yAxes = super.getYAxis();
+    }
+    if (!this.config.multiSeries?.target) {
+      return yAxes;
+    }
+    const { value, styles, label } = this.config.multiSeries?.target ?? {};
+    return [
+      {
+        ...yAxes[0],
+        plotLines: [
+          ...yAxes[0].plotLines ?? [],
+          {
+            color: styles?.color ?? "#00FF00",
+            dashStyle: styles?.dashStyle ?? "Solid",
+            value,
+            width: styles?.width ?? 2,
+            zIndex: styles?.zIndex ?? 1e3,
+            label
+          }
+        ]
+      },
+      ...yAxes.slice(1)
+    ];
+  }
+}
+
+exports.DHIS2MultiSeriesChart = DHIS2MultiSeriesChart;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=multi-series.js.map

package/dist/components/ChartAnalytics/models/multi-series.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/multi-series.ts"],"names":["row"],"mappings":"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","sourcesContent":["import {PlotOptions, SeriesOptionsType, XAxisOptions, YAxisOptions} from \"highcharts\";\nimport {compact, head} from \"lodash\";\nimport {MultiSeriesConfig} from \"../types/props\";\nimport {getAllCategories, getDimensionHeaderIndex} from \"../utils/chart\";\nimport {DHIS2Chart} from \"./index\";\n\nexport class DHIS2MultiSeriesChart extends DHIS2Chart {\n  getHighchartsType(): string {\n    return \"\";\n  }\n\n  getPlotOptions(): PlotOptions {\n    return {\n      column: {},\n      line: {},\n    };\n  }\n\n  getSeries(): SeriesOptionsType[] {\n    const analytics = this.analytics;\n    const config = this.config;\n\n    const categoryDimension = head(config.layout.category);\n    const seriesConfig: MultiSeriesConfig | undefined = this.config.multiSeries;\n\n    const categoryIndex = getDimensionHeaderIndex(analytics.headers ?? [], categoryDimension ?? \"\");\n    const seriesIndex = getDimensionHeaderIndex(analytics.headers ?? [], head(config.layout.series) ?? \"\");\n    const valueIndex = getDimensionHeaderIndex(analytics.headers ?? [], \"value\");\n\n    if (!categoryDimension) {\n      throw new Error(\"At least one category dimension is required\");\n    }\n\n    if (!seriesConfig) {\n      throw new Error(\"MultiSeries config is required for chart type multi-series\");\n    }\n\n    return compact(\n      seriesConfig?.series?.map(({ id, as, cumulative, yAxis }) => {\n        const dataItem = analytics.metaData?.items[id as any];\n        const categoryItems = analytics.metaData?.dimensions[categoryDimension as \"dx\" | \"ou\" | \"pe\"];\n\n        const data = categoryItems?.map((item: string) => {\n          const row = analytics.rows?.find((row: any) => row[categoryIndex] === item && row[seriesIndex] === id);\n          return row?.[valueIndex] ? parseFloat(row?.[valueIndex]) : 0;\n        });\n\n        let cumulativeData: number[] = [];\n\n        if (cumulative) {\n          cumulativeData =\n            data?.reduce((acc, curr, index) => {\n              if (index === 0) {\n                return [...acc, curr];\n              }\n              return [...acc, acc[index - 1] + curr];\n            }, [] as number[]) ?? [];\n        }\n\n        return {\n          name: dataItem?.name,\n          data: cumulative ? cumulativeData : data,\n          type: as,\n          yAxis: yAxis ?? 0,\n        };\n      })\n    ) as SeriesOptionsType[];\n  }\n\n  getXAxis(): XAxisOptions | undefined {\n    return {\n      type: \"category\",\n      categories: getAllCategories(this.analytics, this.config),\n      crosshair: true,\n      labels: {\n        enabled: true,\n      },\n      title: { text: \"\" },\n    };\n  }\n\n  getYAxis(): YAxisOptions[] {\n    let yAxes: YAxisOptions[] = [];\n\n    if (this.config.multiSeries?.yAxes) {\n      yAxes = this.config.multiSeries?.yAxes;\n    } else {\n      yAxes = super.getYAxis();\n    }\n\n    if (!this.config.multiSeries?.target) {\n      return yAxes;\n    }\n\n    const { value, styles, label } = this.config.multiSeries?.target ?? {};\n\n    return [\n      {\n        ...yAxes[0],\n        plotLines: [\n          ...(yAxes[0].plotLines ?? []),\n          {\n            color: styles?.color ?? \"#00FF00\",\n            dashStyle: styles?.dashStyle ?? \"Solid\",\n            value,\n            width: styles?.width ?? 2,\n            zIndex: styles?.zIndex ?? 1000,\n            label: label,\n          },\n        ],\n      },\n      ...yAxes.slice(1),\n    ];\n  }\n}\n"]}

package/dist/components/ChartAnalytics/models/multi-series.mjs

@@ -0,0 +1,99 @@
+import { head, compact } from 'lodash';
+import { getDimensionHeaderIndex, getAllCategories } from '../utils/chart';
+import { DHIS2Chart } from './index';
+
+class DHIS2MultiSeriesChart extends DHIS2Chart {
+  getHighchartsType() {
+    return "";
+  }
+  getPlotOptions() {
+    return {
+      column: {},
+      line: {}
+    };
+  }
+  getSeries() {
+    const analytics = this.analytics;
+    const config = this.config;
+    const categoryDimension = head(config.layout.category);
+    const seriesConfig = this.config.multiSeries;
+    const categoryIndex = getDimensionHeaderIndex(analytics.headers ?? [], categoryDimension ?? "");
+    const seriesIndex = getDimensionHeaderIndex(analytics.headers ?? [], head(config.layout.series) ?? "");
+    const valueIndex = getDimensionHeaderIndex(analytics.headers ?? [], "value");
+    if (!categoryDimension) {
+      throw new Error("At least one category dimension is required");
+    }
+    if (!seriesConfig) {
+      throw new Error("MultiSeries config is required for chart type multi-series");
+    }
+    return compact(
+      seriesConfig?.series?.map(({ id, as, cumulative, yAxis }) => {
+        const dataItem = analytics.metaData?.items[id];
+        const categoryItems = analytics.metaData?.dimensions[categoryDimension];
+        const data = categoryItems?.map((item) => {
+          const row = analytics.rows?.find((row2) => row2[categoryIndex] === item && row2[seriesIndex] === id);
+          return row?.[valueIndex] ? parseFloat(row?.[valueIndex]) : 0;
+        });
+        let cumulativeData = [];
+        if (cumulative) {
+          cumulativeData = data?.reduce((acc, curr, index) => {
+            if (index === 0) {
+              return [...acc, curr];
+            }
+            return [...acc, acc[index - 1] + curr];
+          }, []) ?? [];
+        }
+        return {
+          name: dataItem?.name,
+          data: cumulative ? cumulativeData : data,
+          type: as,
+          yAxis: yAxis ?? 0
+        };
+      })
+    );
+  }
+  getXAxis() {
+    return {
+      type: "category",
+      categories: getAllCategories(this.analytics, this.config),
+      crosshair: true,
+      labels: {
+        enabled: true
+      },
+      title: { text: "" }
+    };
+  }
+  getYAxis() {
+    let yAxes = [];
+    if (this.config.multiSeries?.yAxes) {
+      yAxes = this.config.multiSeries?.yAxes;
+    } else {
+      yAxes = super.getYAxis();
+    }
+    if (!this.config.multiSeries?.target) {
+      return yAxes;
+    }
+    const { value, styles, label } = this.config.multiSeries?.target ?? {};
+    return [
+      {
+        ...yAxes[0],
+        plotLines: [
+          ...yAxes[0].plotLines ?? [],
+          {
+            color: styles?.color ?? "#00FF00",
+            dashStyle: styles?.dashStyle ?? "Solid",
+            value,
+            width: styles?.width ?? 2,
+            zIndex: styles?.zIndex ?? 1e3,
+            label
+          }
+        ]
+      },
+      ...yAxes.slice(1)
+    ];
+  }
+}
+
+export { DHIS2MultiSeriesChart };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=multi-series.mjs.map

package/dist/components/ChartAnalytics/models/multi-series.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ChartAnalytics/models/multi-series.ts"],"names":["row"],"mappings":"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","sourcesContent":["import {PlotOptions, SeriesOptionsType, XAxisOptions, YAxisOptions} from \"highcharts\";\nimport {compact, head} from \"lodash\";\nimport {MultiSeriesConfig} from \"../types/props\";\nimport {getAllCategories, getDimensionHeaderIndex} from \"../utils/chart\";\nimport {DHIS2Chart} from \"./index\";\n\nexport class DHIS2MultiSeriesChart extends DHIS2Chart {\n  getHighchartsType(): string {\n    return \"\";\n  }\n\n  getPlotOptions(): PlotOptions {\n    return {\n      column: {},\n      line: {},\n    };\n  }\n\n  getSeries(): SeriesOptionsType[] {\n    const analytics = this.analytics;\n    const config = this.config;\n\n    const categoryDimension = head(config.layout.category);\n    const seriesConfig: MultiSeriesConfig | undefined = this.config.multiSeries;\n\n    const categoryIndex = getDimensionHeaderIndex(analytics.headers ?? [], categoryDimension ?? \"\");\n    const seriesIndex = getDimensionHeaderIndex(analytics.headers ?? [], head(config.layout.series) ?? \"\");\n    const valueIndex = getDimensionHeaderIndex(analytics.headers ?? [], \"value\");\n\n    if (!categoryDimension) {\n      throw new Error(\"At least one category dimension is required\");\n    }\n\n    if (!seriesConfig) {\n      throw new Error(\"MultiSeries config is required for chart type multi-series\");\n    }\n\n    return compact(\n      seriesConfig?.series?.map(({ id, as, cumulative, yAxis }) => {\n        const dataItem = analytics.metaData?.items[id as any];\n        const categoryItems = analytics.metaData?.dimensions[categoryDimension as \"dx\" | \"ou\" | \"pe\"];\n\n        const data = categoryItems?.map((item: string) => {\n          const row = analytics.rows?.find((row: any) => row[categoryIndex] === item && row[seriesIndex] === id);\n          return row?.[valueIndex] ? parseFloat(row?.[valueIndex]) : 0;\n        });\n\n        let cumulativeData: number[] = [];\n\n        if (cumulative) {\n          cumulativeData =\n            data?.reduce((acc, curr, index) => {\n              if (index === 0) {\n                return [...acc, curr];\n              }\n              return [...acc, acc[index - 1] + curr];\n            }, [] as number[]) ?? [];\n        }\n\n        return {\n          name: dataItem?.name,\n          data: cumulative ? cumulativeData : data,\n          type: as,\n          yAxis: yAxis ?? 0,\n        };\n      })\n    ) as SeriesOptionsType[];\n  }\n\n  getXAxis(): XAxisOptions | undefined {\n    return {\n      type: \"category\",\n      categories: getAllCategories(this.analytics, this.config),\n      crosshair: true,\n      labels: {\n        enabled: true,\n      },\n      title: { text: \"\" },\n    };\n  }\n\n  getYAxis(): YAxisOptions[] {\n    let yAxes: YAxisOptions[] = [];\n\n    if (this.config.multiSeries?.yAxes) {\n      yAxes = this.config.multiSeries?.yAxes;\n    } else {\n      yAxes = super.getYAxis();\n    }\n\n    if (!this.config.multiSeries?.target) {\n      return yAxes;\n    }\n\n    const { value, styles, label } = this.config.multiSeries?.target ?? {};\n\n    return [\n      {\n        ...yAxes[0],\n        plotLines: [\n          ...(yAxes[0].plotLines ?? []),\n          {\n            color: styles?.color ?? \"#00FF00\",\n            dashStyle: styles?.dashStyle ?? \"Solid\",\n            value,\n            width: styles?.width ?? 2,\n            zIndex: styles?.zIndex ?? 1000,\n            label: label,\n          },\n        ],\n      },\n      ...yAxes.slice(1),\n    ];\n  }\n}\n"]}

package/dist/components/ChartAnalytics/models/pie.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var lodash = require('lodash');
+var index = require('./index');
+
+class DHIS2PieChart extends index.DHIS2Chart {
+  getHighchartsType() {
+    return "pie";
+  }
+  getPlotOptions() {
+    return {
+      pie: {
+        allowPointSelect: true,
+        cursor: "pointer",
+        dataLabels: {
+          enabled: true,
+          format: "<b>{point.name}</b>: {point.percentage:.1f} %"
+        }
+      }
+    };
+  }
+  getSeries() {
+    const analytics = this.analytics;
+    const config = this.config;
+    const seriesDimension = lodash.head(config.layout.series);
+    const seriesIndex = analytics?.headers?.findIndex((h) => h.name === seriesDimension) ?? -1;
+    const valueIndex = analytics?.headers?.findIndex((h) => h.name === "value") ?? -1;
+    if (!seriesDimension) {
+      throw new Error("Pie chart must have a series dimension");
+    }
+    const seriesValues = analytics.metaData?.dimensions?.[seriesDimension];
+    return [
+      {
+        id: seriesDimension ?? "",
+        name: analytics.metaData?.items?.[seriesDimension]?.name ?? "",
+        data: seriesValues?.map((value) => {
+          const row = analytics?.rows?.find((row2) => row2[seriesIndex] === value);
+          return {
+            name: analytics.metaData?.items?.[value]?.name,
+            y: row?.[valueIndex] ? parseFloat(row?.[valueIndex] ?? "") : 0
+          };
+        })
+      }
+    ];
+  }
+  getXAxis() {
+    return void 0;
+  }
+}
+
+exports.DHIS2PieChart = DHIS2PieChart;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=pie.js.map