@dhis2/analytics 26.0.8 → 26.0.10

package/build/es/visualizations/config/adapters/dhis_highcharts/series/index.js

@@ -19,22 +19,17 @@ const HIGHCHARTS_TYPE_PERCENT = 'percent';
 const HIGHCHARTS_TYPE_NORMAL = 'normal';
 const INCREASED_Z_INDEX = 1;
 const epiCurveTypes = [HIGHCHARTS_TYPE_COLUMN, HIGHCHARTS_TYPE_BAR];
-
 function getAnimation(option, fallback) {
   return typeof option === 'number' ? option : fallback;
 }
-
 function getColor(colors, index) {
   return colors[index] || getColor(colors, index - colors.length);
 }
-
 function getPatternIndex(index) {
   return index < 10 ? index : getPatternIndex(index - 10);
 }
-
 function getIndexColorPatternMap(series, layout, extraOptions) {
   var _colorSets$layout$col;
-
   const colors = ((_colorSets$layout$col = colorSets[layout.colorSet]) === null || _colorSets$layout$col === void 0 ? void 0 : _colorSets$layout$col.colors) || extraOptions.colors;
   return series.reduce((map, s, index) => {
     map[index] = layout.colorSet === COLOR_SET_PATTERNS ? {
@@ -43,12 +38,9 @@ function getIndexColorPatternMap(series, layout, extraOptions) {
     return map;
   }, {});
 }
-
 function getIdColorMap(series, layout, extraOptions) {
   var _layout$series;
-
   const filteredSeries = (_layout$series = layout.series) === null || _layout$series === void 0 ? void 0 : _layout$series.filter(layoutSeriesItem => series.some(seriesItem => seriesItem.id === layoutSeriesItem.dimensionItem));
-
   if (isDualAxisType(layout.type) && hasCustomAxes(filteredSeries) && !axisHasRelativeItems(layout.columns)) {
     const axisIdsMap = getAxisIdsMap(layout.series, series);
     const theme = extraOptions.multiAxisTheme;
@@ -73,7 +65,6 @@ function getIdColorMap(series, layout, extraOptions) {
     }, {});
   }
 }
-
 function getDefault(_ref) {
   let {
     series,
@@ -89,16 +80,15 @@ function getDefault(_ref) {
   const indexColorPatternMap = getIndexColorPatternMap(series, layout, extraOptions);
   series.forEach((seriesObj, index) => {
     var _seriesObj$custom, _layout$series2, _metaData$seriesObj$i;
-
     // show values
     if (!seriesObj.dataLabels && (layout.showValues || layout.showData)) {
       seriesObj.dataLabels = {
         enabled: true,
         color: colors.grey900
       };
-    } // stacked
-
+    }
 
+    // stacked
     if (isStacked && !(seriesObj !== null && seriesObj !== void 0 && (_seriesObj$custom = seriesObj.custom) !== null && _seriesObj$custom !== void 0 && _seriesObj$custom.isTwoCategoryFakeSerie)) {
       // DHIS2-1060: stacked charts can optionally be shown as 100% stacked charts
       if (layout.percentStackedValues === true) {
@@ -108,14 +98,11 @@ function getDefault(_ref) {
         seriesObj.stacking = HIGHCHARTS_TYPE_NORMAL;
       }
     }
-
     const matchedObject = (_layout$series2 = layout.series) === null || _layout$series2 === void 0 ? void 0 : _layout$series2.find(item => item.dimensionItem === seriesObj.id);
-
     if (matchedObject && !axisHasRelativeItems(layout.columns)) {
       // Checks if the item has custom options
       if (matchedObject.type) {
         seriesObj.type = getType(matchedObject.type).type;
-
         if (matchedObject.type === VIS_TYPE_LINE) {
           seriesObj.zIndex = INCREASED_Z_INDEX; // Custom options, item type Line
         }
@@ -124,31 +111,31 @@ function getDefault(_ref) {
       }
     } else if (layout.type === VIS_TYPE_LINE) {
       seriesObj.zIndex = INCREASED_Z_INDEX; // No custom options, visType Line
-    } // DHIS2-2101
-    // show bar/column chart as EPI curve (basically remove spacing between bars/columns)
-
+    }
 
+    // DHIS2-2101
+    // show bar/column chart as EPI curve (basically remove spacing between bars/columns)
     if (layout.noSpaceBetweenColumns && epiCurveTypes.includes(getType(layout.type).type)) {
       seriesObj.pointPadding = 0;
       seriesObj.groupPadding = 0;
-    } // color
-
+    }
 
+    // color
     if (isYearOverYear(layout.type)) {
       // YearOverYear: Fetch colors directly from color sets
       seriesObj.color = indexColorPatternMap[index];
     } else {
       // Default: Either generate colors or fetch from color sets
       seriesObj.color = idColorMap[seriesObj.id];
-    } // axis number
-
+    }
 
-    seriesObj.yAxis = isDualAxisType(layout.type) && !axisHasRelativeItems(layout.columns) ? getAxisStringFromId(fullIdAxisMap[seriesObj.id]) : getAxisStringFromId(0); // custom names for "year over year" series
+    // axis number
+    seriesObj.yAxis = isDualAxisType(layout.type) && !axisHasRelativeItems(layout.columns) ? getAxisStringFromId(fullIdAxisMap[seriesObj.id]) : getAxisStringFromId(0);
 
+    // custom names for "year over year" series
     if (extraOptions.yearlySeries) {
       seriesObj.name = extraOptions.yearlySeries[index];
     }
-
     seriesObj.legendSet = getLegendSetByDisplayStrategy({
       displayStrategy,
       legendSets,
@@ -157,15 +144,14 @@ function getDefault(_ref) {
     seriesObj.marker = {
       enabled: false
     };
-  }); // DHIS2-701: use cumulative values
+  });
 
+  // DHIS2-701: use cumulative values
   if (layout.cumulativeValues === true) {
     series = getCumulativeData(series, layout);
   }
-
   return series;
 }
-
 export default function (_ref2) {
   let {
     series,
@@ -176,20 +162,16 @@ export default function (_ref2) {
     legendSets,
     displayStrategy
   } = _ref2;
-
   switch (layout.type) {
     case VIS_TYPE_PIE:
       series = getPie(series, Object.values(getIdColorMap(series, layout, extraOptions)));
       break;
-
     case VIS_TYPE_GAUGE:
       series = getGauge(series, layout, extraOptions.legendSets[0]);
       break;
-
     case VIS_TYPE_SCATTER:
       series = getScatter(extraOptions);
       break;
-
     default:
       series = getDefault({
         series,
@@ -201,7 +183,6 @@ export default function (_ref2) {
         displayStrategy
       });
   }
-
   series.forEach(seriesObj => {
     // animation
     seriesObj.animation = {

package/build/es/visualizations/config/adapters/dhis_highcharts/series/scatter.js

@@ -4,12 +4,12 @@ const OUTLIER_COLOR = 'red';
 const POINT_MARKER_SYMBOL = 'circle';
 export default (extraOptions => {
   const series = [];
-
   if (extraOptions.outlierHelper) {
     var _helper$vars$normaliz;
-
     const helper = extraOptions.outlierHelper;
-    helper.detectOutliers(); // points
+    helper.detectOutliers();
+
+    // points
 
     helper.inlierPoints.length && series.push({
       data: helper.inlierPoints,
@@ -30,7 +30,9 @@ export default (extraOptions => {
         radius: 4
       },
       color: OUTLIER_COLOR
-    }); // thresholds
+    });
+
+    // thresholds
 
     helper.thresholds.forEach(obj => {
       series.push({
@@ -46,7 +48,9 @@ export default (extraOptions => {
           headerFormat: ''
         }
       });
-    }); // regression
+    });
+
+    // regression
 
     ((_helper$vars$normaliz = helper.vars.normalizationHelper) === null || _helper$vars$normaliz === void 0 ? void 0 : _helper$vars$normaliz.regression) && series.push({
       data: helper.vars.normalizationHelper.regression.points,
@@ -73,6 +77,5 @@ export default (extraOptions => {
       color: DEFAULT_COLOR
     });
   }
-
   return series;
 });

package/build/es/visualizations/config/adapters/dhis_highcharts/subtitle/gauge.js

@@ -1,5 +1,6 @@
-import isString from 'd2-utilizr/lib/isString'; // TODO: This file is unused, delete?
+import isString from 'd2-utilizr/lib/isString';
 
+// TODO: This file is unused, delete?
 export default function (series, layout, dashboard, filterTitle) {
   const seriesName = series[0].name;
   const mergedTitle = seriesName + ' - ' + filterTitle;

package/build/es/visualizations/config/adapters/dhis_highcharts/subtitle/index.js

@@ -15,50 +15,43 @@ const DASHBOARD_SUBTITLE = {
     textShadow: '0 0 #999'
   }
 };
-
 function getDefault(layout, dashboard, filterTitle) {
   return {
     text: dashboard || isString(layout.title) ? filterTitle : undefined
   };
 }
-
 export default function (series, layout, metaData, dashboard) {
   const fontStyle = mergeFontStyleWithDefault(layout.fontStyle && layout.fontStyle[FONT_STYLE_VISUALIZATION_SUBTITLE], FONT_STYLE_VISUALIZATION_SUBTITLE);
   let subtitle = {
     text: undefined
   };
-
   if (layout.hideSubtitle) {
     return null;
-  } // DHIS2-578: allow for optional custom subtitle
-
+  }
 
+  // DHIS2-578: allow for optional custom subtitle
   if (isString(layout.subtitle)) {
     subtitle.text = layout.subtitle;
   } else {
     const filterTitle = getFilterText(layout.filters, metaData);
-
     switch (layout.type) {
       case VIS_TYPE_YEAR_OVER_YEAR_LINE:
       case VIS_TYPE_YEAR_OVER_YEAR_COLUMN:
         subtitle.text = getYearOverYearTitle(layout, metaData, Boolean(!dashboard));
         break;
-
       case VIS_TYPE_SCATTER:
         subtitle.text = filterTitle;
         break;
-
       default:
         subtitle = getDefault(layout, dashboard, filterTitle);
     }
   }
-
   return subtitle ? Object.assign({}, dashboard ? DASHBOARD_SUBTITLE : {
     align: getTextAlignOption(fontStyle[FONT_STYLE_OPTION_TEXT_ALIGN], FONT_STYLE_VISUALIZATION_SUBTITLE, isVerticalType(layout.type)),
     style: {
       // DHIS2-578: dynamically truncate subtitle when it's taking more than 1 line
       color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-      fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
+      fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
       fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
       fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal',
       whiteSpace: 'nowrap',

package/build/es/visualizations/config/adapters/dhis_highcharts/title/index.js

@@ -16,26 +16,21 @@ const DASHBOARD_TITLE_STYLE = {
     textOverflow: 'ellipsis'
   }
 };
-
 function getDefault(layout, metaData, dashboard) {
   // filters
   if (layout.filters && !dashboard) {
     return getFilterText(layout.filters, metaData);
   }
-
   return null;
 }
-
 export default function (layout, metaData, dashboard) {
   const fontStyle = mergeFontStyleWithDefault(layout.fontStyle && layout.fontStyle[FONT_STYLE_VISUALIZATION_TITLE], FONT_STYLE_VISUALIZATION_TITLE);
   const title = {
     text: undefined
   };
-
   if (layout.hideTitle) {
     return title;
   }
-
   if (isString(layout.title) && layout.title.length) {
     title.text = layout.title;
   } else {
@@ -45,23 +40,20 @@ export default function (layout, metaData, dashboard) {
       case VIS_TYPE_YEAR_OVER_YEAR_COLUMN:
         title.text = getYearOverYearTitle(layout, metaData, dashboard);
         break;
-
       case VIS_TYPE_SCATTER:
         title.text = getScatterTitle(layout, metaData, dashboard);
         break;
-
       default:
         title.text = getDefault(layout, metaData, dashboard);
         break;
     }
   }
-
   return Object.assign({}, dashboard ? DASHBOARD_TITLE_STYLE : {
     margin: 30,
     align: getTextAlignOption(fontStyle[FONT_STYLE_OPTION_TEXT_ALIGN], FONT_STYLE_VISUALIZATION_TITLE, isVerticalType(layout.type)),
     style: {
       color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-      fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
+      fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
       fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
       fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal',
       whiteSpace: 'nowrap',

package/build/es/visualizations/config/adapters/dhis_highcharts/title/scatter.js

@@ -1,9 +1,8 @@
 import getFilterText from '../../../../util/getFilterText.js';
 export default function (layout, metaData, dashboard) {
   var _layout$rows, _layout$columns;
-
   if ((_layout$rows = layout.rows) !== null && _layout$rows !== void 0 && _layout$rows.length && (_layout$columns = layout.columns) !== null && _layout$columns !== void 0 && _layout$columns.length && !dashboard) {
     const columns = getFilterText(layout.columns, metaData).split(', ');
-    return "".concat(getFilterText(layout.rows, metaData), ": ").concat(columns[0], " - ").concat(columns[1]);
+    return `${getFilterText(layout.rows, metaData)}: ${columns[0]} - ${columns[1]}`;
   }
 }

package/build/es/visualizations/config/adapters/dhis_highcharts/title/yearOverYear.js

@@ -1,14 +1,11 @@
 import getFilterText from '../../../../util/getFilterText.js';
 export default function (layout, metaData, dashboard) {
   const titleFragments = [];
-
   if (layout.columns && layout.columns.length && !dashboard) {
     titleFragments.push(getFilterText(layout.columns, metaData));
   }
-
   if (layout.filters && layout.filters.length && !dashboard) {
     titleFragments.push(getFilterText(layout.filters, metaData));
   }
-
   return titleFragments.length ? titleFragments.join(' - ') : null;
 }

package/build/es/visualizations/config/adapters/dhis_highcharts/type.js

@@ -6,41 +6,34 @@ export default function (type) {
       return {
         type: 'bar'
       };
-
     case VIS_TYPE_LINE:
     case VIS_TYPE_YEAR_OVER_YEAR_LINE:
       return {
         type: 'line'
       };
-
     case VIS_TYPE_AREA:
     case VIS_TYPE_STACKED_AREA:
       return {
         type: 'area'
       };
-
     case VIS_TYPE_PIE:
       return {
         type: 'pie'
       };
-
     case VIS_TYPE_RADAR:
       return {
         type: 'line',
         polar: true
       };
-
     case VIS_TYPE_GAUGE:
       return {
         type: 'solidgauge'
       };
-
     case VIS_TYPE_SCATTER:
       return {
         type: 'scatter',
         zoomType: 'xy'
       };
-
     case VIS_TYPE_COLUMN:
     case VIS_TYPE_STACKED_COLUMN:
     case VIS_TYPE_YEAR_OVER_YEAR_COLUMN:

package/build/es/visualizations/config/adapters/dhis_highcharts/xAxis/index.js

@@ -11,19 +11,16 @@ import getTwoCategory from './twoCategory.js';
 import getYearOnYear from './yearOnYear.js';
 const AXIS_TYPE = 'DOMAIN';
 const AXIS_INDEX = 0;
-
 function noAxis() {
   return null;
 }
-
 export const getLabels = axis => {
   var _axis$label;
-
   const fontStyle = mergeFontStyleWithDefault((_axis$label = axis.label) === null || _axis$label === void 0 ? void 0 : _axis$label.fontStyle, FONT_STYLE_AXIS_LABELS);
   return {
     style: {
       color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-      fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
+      fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
       fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
       fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal'
     },
@@ -32,7 +29,6 @@ export const getLabels = axis => {
 };
 export const getDefault = (store, layout) => {
   var _axis$title, _axis$title2;
-
   const axis = getAxis(layout.axes, AXIS_TYPE, AXIS_INDEX);
   return objectClean({
     categories: getCategories(store.data[0].metaData, layout.rows[0].dimension),
@@ -42,7 +38,6 @@ export const getDefault = (store, layout) => {
 };
 export default function (store, layout, extraOptions, series) {
   let xAxis;
-
   if (isTwoCategoryChartType(layout.type) && layout.rows.length > 1) {
     xAxis = getTwoCategory(store, layout, extraOptions);
   } else {
@@ -51,24 +46,19 @@ export default function (store, layout, extraOptions, series) {
       case VIS_TYPE_GAUGE:
         xAxis = noAxis();
         break;
-
       case VIS_TYPE_YEAR_OVER_YEAR_LINE:
       case VIS_TYPE_YEAR_OVER_YEAR_COLUMN:
         xAxis = [getYearOnYear(store, layout, extraOptions)];
         break;
-
       case VIS_TYPE_RADAR:
         xAxis = [getRadar(store, layout)];
         break;
-
       case VIS_TYPE_SCATTER:
         xAxis = [getScatter(layout, series, extraOptions)];
         break;
-
       default:
         xAxis = [getDefault(store, layout)];
     }
   }
-
   return xAxis;
 }

package/build/es/visualizations/config/adapters/dhis_highcharts/xAxis/radar.js

@@ -5,12 +5,9 @@ import { getTextAlignOption } from '../getTextAlignOption.js';
 import { getDefault } from './index.js';
 export default ((store, layout) => {
   var _config$title;
-
   const config = getDefault(store, layout);
-
   if (isString((_config$title = config.title) === null || _config$title === void 0 ? void 0 : _config$title.text) && config.title.align === getTextAlignOption(TEXT_ALIGN_CENTER, FONT_STYLE_HORIZONTAL_AXIS_TITLE, isVerticalType(VIS_TYPE_RADAR))) {
     config.title.textAlign = 'right';
   }
-
   return config;
 });

package/build/es/visualizations/config/adapters/dhis_highcharts/xAxis/scatter.js

@@ -10,7 +10,6 @@ const AXIS_TYPE = 'RANGE';
 const AXIS_INDEX = 1;
 export default function (layout, series, extraOptions) {
   var _extraOptions$outlier, _extraOptions$outlier2, _extraOptions$outlier3, _axis$title, _series$, _axis$title2, _axis$title3;
-
   const dataValues = series === null || series === void 0 ? void 0 : series.map(item => item.data).flat();
   const axis = getAxis(layout.axes, AXIS_TYPE, AXIS_INDEX);
   const extremeObj = (_extraOptions$outlier = extraOptions.outlierHelper) !== null && _extraOptions$outlier !== void 0 && _extraOptions$outlier.extremeLines ? extraOptions.outlierHelper.extremeLines[0] : null;

package/build/es/visualizations/config/adapters/dhis_highcharts/xAxis/twoCategory.js

@@ -7,19 +7,20 @@ const AXIS_TYPE = 'DOMAIN';
 const AXIS_INDEX = 0;
 export default function (store, layout) {
   var _axis$title, _axis$title2;
-
   const axis1Categories = getCategories(store.data[0].metaData, layout.rows[1].dimension);
   const axis2Categories = getCategories(store.data[0].metaData, layout.rows[0].dimension);
-  const axis = getAxis(layout.axes, AXIS_TYPE, AXIS_INDEX); // bottom x axis
+  const axis = getAxis(layout.axes, AXIS_TYPE, AXIS_INDEX);
 
+  // bottom x axis
   const xAxis = [{
     title: getAxisTitle((_axis$title = axis.title) === null || _axis$title === void 0 ? void 0 : _axis$title.text, mergeFontStyleWithDefault((_axis$title2 = axis.title) === null || _axis$title2 === void 0 ? void 0 : _axis$title2.fontStyle, FONT_STYLE_HORIZONTAL_AXIS_TITLE), FONT_STYLE_HORIZONTAL_AXIS_TITLE, layout.type),
     categories: Array.from({
       length: axis2Categories.length || 1
     }, () => axis1Categories),
     labels: getLabels(axis)
-  }]; // top x axis
+  }];
 
+  // top x axis
   xAxis.push({
     categories: axis2Categories,
     labels: xAxis[0].labels,

package/build/es/visualizations/config/adapters/dhis_highcharts/xAxis/yearOnYear.js

@@ -5,12 +5,10 @@ import getAxisTitle from '../getAxisTitle.js';
 import { getLabels } from './index.js';
 export default function (store, layout, extraOptions) {
   var _axis$title, _axis$title2;
-
   let categories;
   const AXIS_TYPE = 'DOMAIN';
   const AXIS_INDEX = 0;
   const axis = getAxis(layout.axes, AXIS_TYPE, AXIS_INDEX);
-
   if (extraOptions.xAxisLabels) {
     categories = extraOptions.xAxisLabels;
   } else {
@@ -24,7 +22,6 @@ export default function (store, layout, extraOptions) {
       } else {
         out = r;
       }
-
       return out;
     }, {});
     const metaData = res.metaData;
@@ -34,7 +31,6 @@ export default function (store, layout, extraOptions) {
       return categories;
     }, []);
   }
-
   return objectClean({
     categories,
     title: getAxisTitle((_axis$title = axis.title) === null || _axis$title === void 0 ? void 0 : _axis$title.text, mergeFontStyleWithDefault((_axis$title2 = axis.title) === null || _axis$title2 === void 0 ? void 0 : _axis$title2.fontStyle, FONT_STYLE_HORIZONTAL_AXIS_TITLE), FONT_STYLE_HORIZONTAL_AXIS_TITLE, layout.type),

package/build/es/visualizations/config/adapters/dhis_highcharts/yAxis/gauge.js

@@ -12,32 +12,25 @@ const DEFAULT_TARGET_LINE_LABEL = i18n.t('Target');
 const DEFAULT_BASE_LINE_LABEL = i18n.t('Base');
 const AXIS_TYPE = 'RANGE';
 const AXIS_INDEX = 0;
-
 const getLabelOffsetFromTextAlign = textAlign => {
   switch (textAlign) {
     case TEXT_ALIGN_LEFT:
       return -10;
-
     case TEXT_ALIGN_RIGHT:
       return 10;
-
     case TEXT_ALIGN_CENTER:
     default:
       return 0;
   }
 };
-
 function getPlotLine() {
   var _regressionLine$title, _regressionLine$title2;
-
   let regressionLine = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let defaultLabel = arguments.length > 1 ? arguments[1] : undefined;
   const value = regressionLine.value;
-
   if (!isNumber(value)) {
     return null;
   }
-
   const label = ((_regressionLine$title = regressionLine.title) === null || _regressionLine$title === void 0 ? void 0 : _regressionLine$title.text) || defaultLabel;
   const fontStyle = mergeFontStyleWithDefault((_regressionLine$title2 = regressionLine.title) === null || _regressionLine$title2 === void 0 ? void 0 : _regressionLine$title2.fontStyle, FONT_STYLE_REGRESSION_LINE_LABEL);
   const verticalAlign = getTextAlignOption(fontStyle[FONT_STYLE_OPTION_TEXT_ALIGN], FONT_STYLE_REGRESSION_LINE_LABEL, isVerticalType(VIS_TYPE_GAUGE));
@@ -49,12 +42,12 @@ function getPlotLine() {
     color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR] || '#000',
     ...(label && {
       label: {
-        text: "".concat(label, ": ").concat(value),
+        text: `${label}: ${value}`,
         verticalAlign,
         y,
         style: {
           color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-          fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
+          fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
           fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
           fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal'
         }
@@ -62,25 +55,21 @@ function getPlotLine() {
     })
   };
 }
-
 const getLabels = axis => {
   var _axis$label;
-
   const fontStyle = mergeFontStyleWithDefault((_axis$label = axis.label) === null || _axis$label === void 0 ? void 0 : _axis$label.fontStyle, FONT_STYLE_AXIS_LABELS);
   return {
     y: parseInt(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], 10) + 7,
     style: {
       color: fontStyle[FONT_STYLE_OPTION_TEXT_COLOR],
-      fontSize: "".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px"),
+      fontSize: `${fontStyle[FONT_STYLE_OPTION_FONT_SIZE]}px`,
       fontWeight: fontStyle[FONT_STYLE_OPTION_BOLD] ? FONT_STYLE_OPTION_BOLD : 'normal',
       fontStyle: fontStyle[FONT_STYLE_OPTION_ITALIC] ? FONT_STYLE_OPTION_ITALIC : 'normal'
     }
   };
 };
-
 export default function (layout, series, legendSet) {
   var _layout$legend;
-
   const axis = getAxis(layout.axes, AXIS_TYPE, AXIS_INDEX);
   const plotLines = arrayClean([getPlotLine(axis.baseLine, DEFAULT_BASE_LINE_LABEL), getPlotLine(axis.targetLine, DEFAULT_TARGET_LINE_LABEL)]);
   const fillColor = ((_layout$legend = layout.legend) === null || _layout$legend === void 0 ? void 0 : _layout$legend.style) === LEGEND_DISPLAY_STYLE_FILL && legendSet ? getColorByValueFromLegendSet(legendSet, series[0].data) : undefined;