@oliasoft-open-source/charts-library 2.5.0 → 2.5.2

package/package.json

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

package/release-notes.md

@@ -1,5 +1,13 @@
 # Charts Library Release Notes
 
+## 2.5.1
+
+- Fix crashes when type a non number into the axis range - add validation in getLinechartAxis method
+
+## 2.5.1
+
+- Added resize delay for performance
+
 ## 2.5.0
 
 - Separate controls for points/lines, axes options, legend, download

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

@@ -199,6 +199,7 @@ const BarChart = (props) => {
         options={{
           onClick,
           onHover,
+          resizeDelay: 50,
           indexAxis: isVertical(options.direction) ? AxisType.X : AxisType.Y,
           maintainAspectRatio: chartStyling.maintainAspectRatio,
           animation: {

package/src/components/line-chart/get-line-chart-scales.js

@@ -57,8 +57,12 @@ const getLineChartAxis = (options, axisType, state, currentScales, i = 0) => {
     reverse: axisType === AxisType.Y ? additionalAxesOptions.reverse : false,
     suggestedMax: additionalAxesOptions.suggestedMax,
     suggestedMin: additionalAxesOptions.suggestedMin,
-    min: stateAxis.min?.value || additionalAxesOptions?.range?.[axisType]?.min,
-    max: stateAxis.max?.value || additionalAxesOptions?.range?.[axisType]?.max,
+    min: stateAxis.min?.valid
+      ? stateAxis.min?.value
+      : additionalAxesOptions?.range?.[axisType]?.min,
+    max: stateAxis.max?.valid
+      ? stateAxis.max?.value
+      : additionalAxesOptions?.range?.[axisType]?.max,
     title: {
       display: axisData.label?.length,
       text: axisData.label,
@@ -104,6 +108,7 @@ const getLineChartScales = (options, state) => {
   const yAxes = hasMultipleYAxes
     ? getLineChartAxes(options, AxisType.Y, state)
     : { y: getLineChartAxis(options, AxisType.Y, state) };
+
   return {
     ...xAxes,
     ...yAxes,

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

@@ -432,6 +432,7 @@ const LineChart = (props) => {
             options={{
               onClick,
               onHover,
+              resizeDelay: 50,
               maintainAspectRatio: chartStyling.maintainAspectRatio,
               aspectRatio: chartStyling.squareAspectRatio ? 1 : null, // 1 equals square aspect ratio
               animation: {

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

@@ -413,6 +413,7 @@ const PieChart = (props) => {
             animationDuration: options.chartStyling.performanceMode ? 0 : 400,
           },
           onHover,
+          resizeDelay: 50,
           elements: {
             pie: {
               pointStyle: 'circle',