@hisptz/dhis2-analytics 1.0.4 → 1.0.6

package/build/cjs/components/ChartAnalytics/ChartAnalytics.stories.js

@@ -0,0 +1,253 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StackedColumn = exports.PieChart = exports.MultipleLines = exports.MultipleColumns = exports.MultiSeries = exports.Line = exports.ComplexMultiSeries = exports.Column = void 0;
+var _ui = require("@dhis2/ui");
+var _highcharts = _interopRequireDefault(require("highcharts"));
+var _react = _interopRequireWildcard(require("react"));
+var _DownloadMenu = _interopRequireDefault(require("./components/DownloadMenu"));
+var _columnData = _interopRequireDefault(require("./data/column-data.json"));
+var _complexMultiSeriesData = _interopRequireDefault(require("./data/complex-multi-series-data.json"));
+var _multiSeriesData = _interopRequireDefault(require("./data/multi-series-data.json"));
+var _pieData = _interopRequireDefault(require("./data/pie-data.json"));
+var _stackedChartData = _interopRequireDefault(require("./data/stacked-chart-data.json"));
+var _export = require("./services/export");
+var _ = _interopRequireDefault(require("."));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Template = args => /*#__PURE__*/_react.default.createElement(_.default, args);
+(0, _export.setupHighchartsModules)(_highcharts.default);
+const Column = Template.bind({});
+exports.Column = Column;
+Column.args = {
+  analytics: _columnData.default,
+  config: {
+    layout: {
+      series: ["dx"],
+      category: ["ou"],
+      filter: ["pe"]
+    },
+    type: "column",
+    height: 500,
+    colors: ["#2f7ed8", "#0d233a", "#8bbc21", "#910000", "#1aadce", "#492970", "#f28f43", "#77a1e5", "#c42525", "#a6c96a"]
+  }
+};
+const MultipleColumns = Template.bind({});
+exports.MultipleColumns = MultipleColumns;
+MultipleColumns.args = {
+  analytics: _multiSeriesData.default,
+  config: {
+    layout: {
+      series: ["ou"],
+      category: ["pe"],
+      filter: ["dx"]
+    },
+    type: "column",
+    height: 1000,
+    colors: ["#2f7ed8", "#0d233a", "#8bbc21", "#910000", "#1aadce", "#492970", "#f28f43", "#77a1e5", "#c42525", "#a6c96a"]
+  }
+};
+const StackedColumn = Template.bind({});
+exports.StackedColumn = StackedColumn;
+StackedColumn.args = {
+  analytics: _stackedChartData.default,
+  config: {
+    layout: {
+      series: ["ou"],
+      category: ["pe"],
+      filter: ["dx"]
+    },
+    type: "stacked-column",
+    height: 1000,
+    colors: ["#2f7ed8", "#0d233a", "#8bbc21", "#910000", "#1aadce", "#492970", "#f28f43", "#77a1e5", "#c42525", "#a6c96a"]
+  }
+};
+const Line = Template.bind({});
+exports.Line = Line;
+Line.args = {
+  analytics: _columnData.default,
+  config: {
+    layout: {
+      series: ["dx"],
+      category: ["ou"],
+      filter: ["pe"]
+    },
+    type: "line",
+    height: 1000,
+    colors: ["#2f7ed8", "#0d233a", "#8bbc21", "#910000", "#1aadce", "#492970", "#f28f43", "#77a1e5", "#c42525", "#a6c96a"]
+  }
+};
+const MultipleLines = Template.bind({});
+exports.MultipleLines = MultipleLines;
+MultipleLines.args = {
+  analytics: _multiSeriesData.default,
+  config: {
+    layout: {
+      series: ["ou"],
+      category: ["pe"],
+      filter: ["dx"]
+    },
+    type: "line",
+    height: 500,
+    colors: ["#2f7ed8", "#0d233a", "#8bbc21", "#910000", "#1aadce", "#492970", "#f28f43", "#77a1e5", "#c42525", "#a6c96a"]
+  }
+};
+const PieChart = Template.bind({});
+exports.PieChart = PieChart;
+PieChart.args = {
+  analytics: _pieData.default,
+  config: {
+    layout: {
+      series: ["dx"],
+      category: [],
+      filter: ["dx", "pe"]
+    },
+    type: "pie",
+    height: 500,
+    colors: ["#2f7ed8", "#0d233a", "#8bbc21", "#910000", "#1aadce", "#492970", "#f28f43", "#77a1e5", "#c4255", "#a6c96a"]
+  }
+};
+const MultiSeries = Template.bind({});
+exports.MultiSeries = MultiSeries;
+MultiSeries.args = {
+  analytics: _multiSeriesData.default,
+  config: {
+    layout: {
+      series: ["ou"],
+      category: ["pe"],
+      filter: ["dx"]
+    },
+    type: "multi-series",
+    height: 500,
+    colors: ["#2f7ed8", "#0d233a", "#8bbc21", "#910000", "#1aadce", "#492970", "#f28f43", "#77a1e5", "#c42525", "#a6c96a"],
+    multiSeries: {
+      series: [{
+        id: "qhqAxPSTUXp",
+        as: "column",
+        yAxis: 0
+      }, {
+        id: "Vth0fbpFcsO",
+        as: "line",
+        cumulative: true,
+        yAxis: 1
+      }],
+      yAxes: [{
+        id: "yAxis1",
+        title: {
+          text: "Koinandugu"
+        },
+        labels: {
+          format: "{value}"
+        }
+      }, {
+        id: "yAxis2",
+        title: {
+          text: "Kono"
+        },
+        labels: {
+          format: "{value}"
+        },
+        opposite: true
+      }],
+      target: {
+        id: "",
+        styles: {
+          color: "blue"
+        },
+        value: 45,
+        label: {
+          text: "Target",
+          textAlign: "center",
+          verticalAlign: "middle"
+        }
+      }
+    }
+  }
+};
+const ComplexMultiSeries = Template.bind({});
+exports.ComplexMultiSeries = ComplexMultiSeries;
+ComplexMultiSeries.args = {
+  analytics: _complexMultiSeriesData.default,
+  config: {
+    layout: {
+      series: ["dx"],
+      category: ["pe"],
+      filter: ["ou"]
+    },
+    type: "multi-series",
+    height: 500,
+    colors: ["#2f7ed8", "#0d233a", "#8bbc21", "#910000", "#1aadce", "#492970", "#f28f43", "#77a1e5", "#c42525", "#a6c96a"],
+    multiSeries: {
+      series: [{
+        id: "QQkOAJFukyY",
+        as: "column",
+        yAxis: 0
+      }, {
+        id: "QQkOAJFukyY",
+        as: "line",
+        cumulative: true,
+        yAxis: 1
+      }],
+      yAxes: [{
+        id: "yAxis1",
+        title: {
+          text: "Koinandugu"
+        },
+        labels: {
+          format: "{value}"
+        }
+      }, {
+        id: "yAxis2",
+        title: {
+          text: "Kono"
+        },
+        labels: {
+          format: "{value}"
+        },
+        opposite: true
+      }],
+      target: {
+        id: "",
+        styles: {
+          color: "blue"
+        },
+        value: 45,
+        label: {
+          text: "Target",
+          textAlign: "center",
+          verticalAlign: "middle"
+        }
+      }
+    }
+  }
+};
+var _default = {
+  title: "Components/Chart Analytics",
+  component: _.default,
+  decorators: [ChartStory => {
+    const [chartRef, setChartRef] = (0, _react.useState)(null);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: 1000,
+        height: "100%",
+        display: "flex",
+        gap: 8,
+        flexDirection: "column"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ui.CssReset, null), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: "100%",
+        display: "flex",
+        justifyContent: "end"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_DownloadMenu.default, {
+      chartRef: chartRef
+    })), /*#__PURE__*/_react.default.createElement(ChartStory, {
+      ref: setChartRef
+    }));
+  }]
+};
+exports.default = _default;

package/build/cjs/components/ChartAnalytics/ChartAnalytics.test.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _react = require("@cypress/react");
+var _highcharts = _interopRequireDefault(require("highcharts"));
+var _react2 = _interopRequireWildcard(require("react"));
+var _DownloadMenu = _interopRequireDefault(require("./components/DownloadMenu"));
+var _columnData = _interopRequireDefault(require("./data/column-data.json"));
+var _export = require("./services/export");
+var _ = _interopRequireDefault(require("."));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const props = {
+  analytics: _columnData.default,
+  config: {
+    layout: {
+      series: ["dx"],
+      category: ["ou"],
+      filter: ["pe"]
+    },
+    type: "column",
+    height: 500,
+    colors: ["#2f7ed8", "#0d233a", "#8bbc21", "#910000", "#1aadce", "#492970", "#f28f43", "#77a1e5", "#c42525", "#a6c96a"]
+  }
+};
+function TestComponent() {
+  return /*#__PURE__*/_react2.default.createElement(_.default, props);
+}
+function ExportTestComponent() {
+  const [chartRef, setChartRef] = (0, _react2.useState)(null);
+  return /*#__PURE__*/_react2.default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column"
+    }
+  }, /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement(_DownloadMenu.default, {
+    chartRef: chartRef
+  })), /*#__PURE__*/_react2.default.createElement(_.default, _extends({}, props, {
+    ref: setChartRef
+  })));
+}
+describe("Chart Component Tests", () => {
+  (0, _export.setupHighchartsModules)(_highcharts.default);
+  it("Mounts without errors", () => {
+    (0, _react.mount)( /*#__PURE__*/_react2.default.createElement(TestComponent, null));
+  });
+  it("Can be exported as PDF", () => {
+    (0, _react.mount)( /*#__PURE__*/_react2.default.createElement(ExportTestComponent, null));
+  });
+});

package/build/cjs/components/ChartAnalytics/components/DownloadMenu/components/Menu.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartMenu = ChartMenu;
+var _ui = require("@dhis2/ui");
+var _lodash = require("lodash");
+var _react = _interopRequireDefault(require("react"));
+var _menu = require("../constants/menu");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ChartMenu(_ref) {
+  let {
+    menuRef,
+    onClick,
+    onClose,
+    exclude = []
+  } = _ref;
+  const onMenuClick = action => () => {
+    onClick(action);
+    onClose();
+  };
+  const menuSections = (0, _lodash.map)(_menu.chartMenuSections, section => {
+    return {
+      ...section,
+      menuItems: section.menuItems.filter(item => !exclude.includes(item.name))
+    };
+  }).filter(section => !(0, _lodash.isEmpty)(section.menuItems));
+  return /*#__PURE__*/_react.default.createElement(_ui.Popover, {
+    onClickOutside: onClose,
+    onClose: onClose,
+    reference: menuRef
+  }, /*#__PURE__*/_react.default.createElement(_ui.FlyoutMenu, null, /*#__PURE__*/_react.default.createElement(_ui.Menu, null, menuSections === null || menuSections === void 0 ? void 0 : menuSections.map((section, index) => {
+    var _section$menuItems;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (_section$menuItems = section.menuItems) === null || _section$menuItems === void 0 ? void 0 : _section$menuItems.map(_ref2 => {
+      let {
+        name,
+        label
+      } = _ref2;
+      return /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
+        key: `${name}-menu-item`,
+        dataTest: `download-${name}`,
+        label: label,
+        onClick: onMenuClick(name)
+      });
+    }), index !== menuSections.length - 1 && /*#__PURE__*/_react.default.createElement(_ui.MenuDivider, null));
+  }))));
+}

package/build/cjs/components/ChartAnalytics/components/DownloadMenu/constants/menu.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.chartMenuSections = void 0;
+var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const chartMenuSections = [{
+  name: "download",
+  menuItems: [{
+    name: "png",
+    label: _d2I18n.default.t("Download PNG")
+  }, {
+    name: "jpeg",
+    label: _d2I18n.default.t("Download JPEG")
+  }, {
+    name: "svg",
+    label: _d2I18n.default.t("Download SVG")
+  }, {
+    name: "pdf",
+    label: _d2I18n.default.t("Download PDF")
+  }]
+}, {
+  name: "view",
+  menuItems: [{
+    name: "table",
+    label: _d2I18n.default.t("View as table")
+  }, {
+    name: "full-screen",
+    label: _d2I18n.default.t("View full screen")
+  }]
+}];
+exports.chartMenuSections = chartMenuSections;

package/build/cjs/components/ChartAnalytics/components/DownloadMenu/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@dhis2/ui");
+var _react = _interopRequireWildcard(require("react"));
+var _export = require("../../services/export");
+var _Menu = require("./components/Menu");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ChartDownloadMenu(_ref) {
+  let {
+    chartRef,
+    exclude,
+    icon
+  } = _ref;
+  const menuButtonRef = (0, _react.useRef)(null);
+  const [menuRef, setMenuRef] = (0, _react.useState)(null);
+  const toggleMenu = () => {
+    if (menuRef === null) {
+      setMenuRef(menuButtonRef.current);
+    } else {
+      setMenuRef(null);
+    }
+  };
+  const chart = chartRef;
+  const onMenuClick = action => {
+    if (chart) {
+      switch (action) {
+        case "png":
+          (0, _export.onImageDownload)(chart, "png");
+          break;
+        case "jpeg":
+          (0, _export.onImageDownload)(chart, "jpeg");
+          break;
+        case "svg":
+          (0, _export.onImageDownload)(chart, "svg+xml");
+          break;
+        case "csv":
+          (0, _export.onCSVDownload)(chart);
+          break;
+        case "pdf":
+          (0, _export.onPDFDownload)(chart);
+          break;
+        case "table":
+          (0, _export.onViewAsTable)(chart, true);
+          break;
+        case "full-screen":
+          (0, _export.onFullScreenView)(chart);
+          break;
+      }
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    onClick: toggleMenu,
+    ref: menuButtonRef
+  }, icon !== null && icon !== void 0 ? icon : /*#__PURE__*/_react.default.createElement(_ui.IconMore24, null)), menuRef && /*#__PURE__*/_react.default.createElement(_Menu.ChartMenu, {
+    exclude: exclude,
+    onClick: onMenuClick,
+    onClose: toggleMenu,
+    menuRef: menuRef
+  }));
+}
+var _default = ChartDownloadMenu;
+exports.default = _default;

package/build/cjs/components/ChartAnalytics/components/DownloadMenu/interfaces/menu.js

@@ -0,0 +1 @@
+"use strict";

package/build/cjs/components/ChartAnalytics/hooks/useChart.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChart = useChart;
+var _react = require("react");
+var _chart = require("../utils/chart");
+function useChart(_ref) {
+  let {
+    id,
+    analytics,
+    config
+  } = _ref;
+  const [chart, setChart] = (0, _react.useState)((0, _chart.getChartInstance)(id, analytics, config).getOptions());
+  const changeChartType = (0, _react.useCallback)(type => {
+    const updatedLayout = (0, _chart.updateLayout)(config, {
+      type
+    });
+    const updatedConfig = {
+      ...config,
+      layout: updatedLayout,
+      type
+    };
+    const chartInstance = (0, _chart.getChartInstance)(id, analytics, updatedConfig);
+    setChart(chartInstance.getOptions());
+  }, [config, id, analytics]);
+  (0, _react.useEffect)(() => {
+    if (analytics && config) {
+      const chartInstance = (0, _chart.getChartInstance)(id, analytics, config);
+      setChart(chartInstance.getOptions());
+    }
+  }, [analytics, config, id]);
+  return {
+    chart,
+    changeChartType
+  };
+}

package/build/cjs/components/ChartAnalytics/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  ChartDownloadMenu: true
+};
+Object.defineProperty(exports, "ChartDownloadMenu", {
+  enumerable: true,
+  get: function () {
+    return _DownloadMenu.default;
+  }
+});
+exports.default = void 0;
+var _dhis2Utils = require("@hisptz/dhis2-utils");
+var _highcharts = _interopRequireDefault(require("highcharts"));
+var _highchartsReactOfficial = _interopRequireDefault(require("highcharts-react-official"));
+var _react = _interopRequireWildcard(require("react"));
+var _DownloadMenu = _interopRequireDefault(require("./components/DownloadMenu"));
+var _useChart = require("./hooks/useChart");
+require("./styles/custom-highchart.css");
+var _export = require("./services/export");
+Object.keys(_export).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _export[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _export[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ChartAnalytics(_ref, ref) {
+  let {
+    analytics,
+    config,
+    containerProps
+  } = _ref;
+  const id = (0, _react.useRef)(`${(0, _dhis2Utils.uid)()}-chart-item`);
+  const {
+    chart
+  } = (0, _useChart.useChart)({
+    id: id.current,
+    analytics,
+    config
+  });
+  if (!chart) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_highchartsReactOfficial.default, {
+    immutable: true,
+    ref: ref,
+    containerProps: {
+      id: id.current,
+      ...(containerProps !== null && containerProps !== void 0 ? containerProps : {})
+    },
+    highcharts: _highcharts.default,
+    options: {
+      ...chart
+    }
+  });
+}
+var _default = /*#__PURE__*/(0, _react.forwardRef)(ChartAnalytics);
+exports.default = _default;

package/build/cjs/components/ChartAnalytics/models/column.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DHIS2StackedColumnChart = exports.DHIS2ColumnChart = void 0;
+var _chart = require("../utils/chart");
+var _index = require("./index");
+class DHIS2ColumnChart extends _index.DHIS2Chart {
+  getCategories() {
+    return undefined;
+  }
+  getHighchartsType() {
+    return "column";
+  }
+  getPlotOptions() {
+    return {
+      column: {
+        dataLabels: {
+          enabled: true
+        }
+      }
+    };
+  }
+  getSeries() {
+    return (0, _chart.getPointSeries)(this.analytics, this.config, "column");
+  }
+  getXAxis() {
+    return {
+      type: "category",
+      categories: (0, _chart.getAllCategories)(this.analytics, this.config),
+      crosshair: true,
+      labels: {
+        enabled: true
+      },
+      title: {
+        text: ""
+      }
+    };
+  }
+}
+exports.DHIS2ColumnChart = DHIS2ColumnChart;
+class DHIS2StackedColumnChart extends DHIS2ColumnChart {
+  getPlotOptions() {
+    return {
+      column: {
+        stacking: "normal",
+        ...super.getPlotOptions().column
+      }
+    };
+  }
+}
+exports.DHIS2StackedColumnChart = DHIS2StackedColumnChart;