@oliasoft-open-source/charts-library 2.5.23 → 2.5.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "2.5.23",
+  "version": "2.5.25",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "main": "index.js",
   "scripts": {

package/release-notes.md

@@ -1,5 +1,13 @@
 # Charts Library Release Notes
 
+## 2.5.25
+
+- Fix axis ranges updating when new chart data and ranges is passed
+
+## 2.5.24
+
+- Add performance test case
+
 ## 2.5.23
 
 - Patch minor regression in axis limits introduced in 2.5.22

package/src/components/line-chart/line-chart-prop-types.js

@@ -97,6 +97,7 @@ export const LineChartPropTypes = {
         onLegendClick: PropTypes.func,
         onPointHover: PropTypes.func,
         onPointUnhover: PropTypes.func,
+        onAnimationComplete: PropTypes.func,
       }),
     }),
   }).isRequired,
@@ -193,6 +194,8 @@ export const getDefaultProps = (props) => {
         onLegendClick: props.chart.options.interactions.onLegendClick,
         onPointHover: props.chart.options.interactions.onPointHover,
         onPointUnhover: props.chart.options.interactions.onPointUnhover,
+        onAnimationComplete:
+          props.chart.options.interactions.onAnimationComplete,
       },
     },
   };

package/src/components/line-chart/line-chart.jsx

@@ -99,7 +99,6 @@ const LineChart = (props) => {
   const chart = getDefaultProps(props);
   const { options, testId } = chart;
   const { headerComponent, subheaderComponent, table } = props;
-
   const {
     additionalAxesOptions,
     annotations,
@@ -130,6 +129,24 @@ const LineChart = (props) => {
     initialState,
   );
 
+  useEffect(() => {
+    const { range } = props.chart.options.additionalAxesOptions;
+    if (range) {
+      const axes = Object.entries(range).map(([key, { min, max }]) => {
+        return {
+          id: key,
+          min: min ?? 0,
+          max: max ?? 0,
+        };
+      });
+
+      dispatch({
+        type: UPDATE_AXES_RANGES,
+        payload: { axes },
+      });
+    }
+  }, [props.chart.options.additionalAxesOptions.range]);
+
   useEffect(() => {
     if (chartOptions.enablePan !== true) {
       dispatch({ type: TOGGLE_PAN });
@@ -450,6 +467,7 @@ const LineChart = (props) => {
                 ? false
                 : {
                     duration: ANIMATION_DURATION.FAST,
+                    onComplete: interactions.onAnimationComplete,
                   },
               hover: {
                 mode: ChartHoverMode.Nearest,