@evergis/react 3.1.20 → 3.1.21

package/dist/react.esm.js

@@ -3719,17 +3719,19 @@ const formatNumberValue = (stringFormat, value, type, noUnits = false) => {
 };
 const formatAttributeValue = ({ t, type, value, stringFormat, noUnits = false }) => {
     if (type === AttributeType.Point) {
-        if (!(stringFormat && stringFormat.format) || !value)
+        if (!stringFormat?.format || !value)
             return null;
         const { coordinates } = value;
         return formatPointValue({ t, stringFormat, value: coordinates });
     }
     if (type === AttributeType.DateTime) {
-        if (!(stringFormat && stringFormat.format) || !value)
+        if (!stringFormat?.format || !value)
             return null;
         return formatDateValue(stringFormat, value);
     }
     if (numberFormatTypes.includes(type) && !isNaN(value)) {
+        if (!stringFormat?.format)
+            return value.toString();
         return formatNumberValue(stringFormat, value, type, noUnits);
     }
     if (type === AttributeType.Json) {
@@ -9191,6 +9193,9 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
     const formatTooltipValue = useCallback((value, name) => isRelated
         ? tooltipValueFromRelatedFeatures(t, value, relatedAttributes, data[0]?.layerInfo)
         : tooltipValueFromAttributes(t, value, name, formattedAttributes), [data, formattedAttributes, isRelated, relatedAttributes]);
+    const customYAxisLeft = useCallback(yAxisLeft => {
+        yAxisLeft.tickFormat((index) => index);
+    }, []);
     const customXAxisBottom = useCallback((xAxisBottom, data) => {
         xAxisBottom.tickFormat((index) => (showMarkers
             ? index % (showMarkers || 1) === 0
@@ -9244,12 +9249,13 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
             bottom: markers?.length ? 20 : markersMargin,
             left: markersMargin
         };
-        return (jsx(BarChartWrapper, { height: height + margin.bottom, children: jsx(BarChartContainer, { children: jsx(StyledBarChart, { data: barChartData, colors: getColorsFromFilterItems(data[0]?.items, defaultColor, formatFilterColor), minValue: getMinValueFromFilterItems(data[0]?.items), markers: markers, width: +width, height: height, barWidth: barWidth, barPadding: padding, className: "dashboardBarChart", customXAxisBottom: xAxisBottom => customXAxisBottom(xAxisBottom, barChartData), customYAxis: axis => !showLabels && axis.remove(), customBars: ({ bars }) => {
+        return (jsx(BarChartWrapper, { height: height + margin.bottom, children: jsx(BarChartContainer, { children: jsx(StyledBarChart, { data: barChartData, colors: getColorsFromFilterItems(data[0]?.items, defaultColor, formatFilterColor), minValue: getMinValueFromFilterItems(data[0]?.items), markers: markers, width: +width, height: height, barWidth: barWidth, barPadding: padding, customYAxisLeft: customYAxisLeft, customXAxisBottom: xAxisBottom => customXAxisBottom(xAxisBottom, barChartData), customYAxis: axis => !showLabels && axis.remove(), customBars: ({ bars }) => {
                         bars.attr("rx", radius);
                         bars.attr("ry", radius);
                     }, margin: margin, xAxisPadding: 0, yAxisPadding: 0, formatTooltipValue: formatTooltipValue, formatTooltipName: formatTooltipName, hideTooltipGroupName: true, dynamicTooltipEnable: true, isBarTooltip: true, onBarClick: filterName ? item => onFilter(item.name) : undefined }) }) }));
     }, [
         customXAxisBottom,
+        customYAxisLeft,
         element,
         isLineChart,
         isStackBar,